How to play video (mp4) fullscreen using html and javascript like youtube

htmljavascriptvideo

If you go to m.youtube.com from android using Chrome when you go to a video you see a preview (static image with play button overlay). As you click the image the video starts fullscreen. I wish to do the same.

Best Answer

You need to requestFullscreen() for a given element. You would need to do something like:

var elem = document.getElementById('myvideo');
elem.requestFullscreen();

More about that on https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api and https://stackoverflow.com/questions/6039909/html5-full-screen-video

Let me know if this works for you.

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);

Rotate MP4 video using ffmpeg

You're not using the "real" ffmpeg from FFmpeg, but a broken program called ffmpeg from Libav.

Please download a recent ffmpeg version and try again.

Best Answer

Related Solutions

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

Rotate MP4 video using ffmpeg

Related Question