Google-chrome – Embedded YouTube videos don’t go fullscreen on HTML5 player

google-chromeyoutube

I'm trying to view YouTube videos embedded in Facebook pages on fullscreen. I am on Chrome and the videos are playing in the HTML5 player. When I hit fullscreen, the browser itself goes full screen and the video is nowhere to be seen.

This does not happen when I'm on Youtube, so it doesn't seem like a browser specific problem. On other websites (I tried mental floss and twitter), embedded videos play on the HTML5 player, but do not show the Fullscreen option.

What could be the problem here?

Best Answer

Html5 fullscreen requires the iframe to have an allowfullscreen attribute on the iframe to work correctly. If the website embedding the iframe hasn't added this, the full screen won't work

Related Solutions

Google-chrome – Chrome HTML5 maximized video full tab not fullscreen

It's very unlikely that it will rollback to the previous behavior since so many developers have been begging for the 'real' fullscreen behavior.

If you want to solve your particular case you can create a bookmarlet or browser extension with something like:

document.body.addEventListener('click', function(e) {
  var target = e.target;
  if (target.nodeName == 'VIDEO') { // or EMBED
    target.style.position = 'absolute';
    target.style.width = '100%';
    target.style.height = '100%';
  }
}, false);

Windows – have embedded YouTube videos stopped working in Google Chrome

The FVD Video Downloader extension was the cause of the problem. Disabling it fixed the problem.

Thank you to the commenters for steering me in the right direction.

Best Answer

Related Solutions

Google-chrome – Chrome HTML5 maximized video full tab not fullscreen

Windows – have embedded YouTube videos stopped working in Google Chrome

Related Question