Wie kann ich ein Video (mp4) mit HTML und JavaScript wie auf YouTube im Vollbildmodus abspielen?

Question

Wenn Sie mit Chrome von Android aus zu m.youtube.com gehen, wird beim Aufrufen eines Videos eine Vorschau angezeigt (statisches Bild mit überlagerter Wiedergabeschaltfläche). Wenn Sie auf das Bild klicken, wird das Video im Vollbildmodus gestartet. Ich möchte dasselbe tun.

Answer 1

Sie müssen dies requestFullscreen()für ein bestimmtes Element tun. Sie müssten beispielsweise Folgendes tun:

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

Mehr dazu aufhttps://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#apiUndhttps://stackoverflow.com/questions/6039909/html5-full-screen-video

Lassen Sie mich wissen, ob das für Sie funktioniert.

Answer 2

Sie können sich hierzu an dem folgenden Beispiel orientieren. Das folgende Beispiel zeigt einen unterschiedlichen Code für unterschiedliche Browser.

<video controls id="myvideo">
  <source src="video1.mp4"></source>
</video>

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { 
  elem.msRequestFullscreen();
}