Full screen embedded YouTube video does not work on my site when using Chrome

  • Bourne2Play

    (@bourne2play)


    9 years, 12 months ago

    On my website, I embedded a YouTube video with this simple code:

    <iframe src="//www.youtube.com/embed/bpqTiwfzqdo" width="640" height="360" frameborder="0" allowfullscreen></iframe>

    The results is what’s at the bottom of this page:
    http://www.rpginsider.com/child-of-light-releases/

    When in Chrome and I press the full screen button on that video, the video does not go full screen. Instead my whole browser goes full screen (as if I pressed F11) but not the video.

    However, when I use Explorer or Firefox, full screen works just fine. So obviously I’m doing something wrong.

    I know the problem is on my site because I don’t have this problem when I visit other websites and video their embedded YouTube videos.

    Any help would be appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Rajesh Gupta

    (@rajeshcvani)

    9 years, 12 months ago

    Simply paste your YouTube video url into your post. (No need to use embed code provided by YouTube)

    https://www.youtube.com/watch?v=bpqTiwfzqdo#t=82

    Thread Starter Bourne2Play

    (@bourne2play)

    9 years, 12 months ago

    Thanks for the response but the problem still exists even when I simply type the URL like you suggested.

    The results is the same expected behavior I described above. The video remained the same height/width when I press full screen, while the rest of the site take up the whole screen (as if I pressed F11).

    Rajesh Gupta

    (@rajeshcvani)

    9 years, 12 months ago

    Your css defines max-width and max-height for iframe

    #content IFRAME {
    max-width: 585px !important;
    max-height: 300px !important;
}

    To resolve this issue add/edit css as below

    embed,
iframe,
object {
	max-width: 100%!important;
        max-height: 100%!important;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full screen embedded YouTube video does not work on my site when using Chrome’ is closed to new replies.