Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 21, 2017 at 8:49 am #810848
    oestersund

    Hi,
    I´ve included a video on my blog entry https://www.fitgutschein.de/interview-moeller-physiotalk/ and have a urgent question (as the video is already live :-)

    The video scaling s fine on a big screen, but e.g. on iPad it shows broad black bars above a underneath the video. What do I have to adjust in the embedding code in order to have no such black bars on any device / screen size? currently the code is:

    <iframe src=”//www.youtube.com/embed/nIZOjRlDDbE?rel=0″ width=”1200″ height=”500″ frameborder=””0″” allowfullscreen=”allowfullscreen”></iframe>

    I´ve tried e.g. different size values but did not get a proper result.

    It would be great if you can give me a hint!
    Thx a lot & best regards Tilman

    June 21, 2017 at 4:58 pm #811043
    Victoria

    Hey Tilman,

    You could try a code like this:

    
<div id="some-video">
    <iframe id='iframe2' src="Mypage.aspx" frameborder="0" style="overflow: hidden; height: 100%;
        width: 100%; position: absolute;" height="100%" width="100%"></iframe>
</div>

    and then control the iframe size via the parent container.
    https://www.h3xed.com/web-development/how-to-make-a-responsive-100-width-youtube-iframe-embed

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 1, 2017 at 10:45 am #815311
    oestersund

    Dear Victoria
    thx, but this is too much html specific stuff for me :-)

    For pages I used the avia framework, but only for blog entries I di not in order to customize the “read more” option. But then I´ll leave it as it is.

    Cheers Tilman

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘adjust video frame in blogs’ is closed to new replies.