web-dev-qa-db-ja.com

youtubeのようなhtmlとjavascriptを使用してビデオ（mp4）をフルスクリーンで再生する方法は？

Android using Chromeからm.youtube.comにアクセスすると、プレビュー（再生ボタンオーバーレイ付きの静止画像）が表示されます。画像をクリックすると、ビデオが全画面表示で始まります。同じことをしたいと思います。

videohtmljavascript
1
Zibri

特定の要素に対してrequestFullscreen()する必要があります。次のようなことをする必要があります。

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

詳細については、 https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api および https://stackoverflow.com/questions/6039909/html5-full-screen-video

これがあなたのために働くかどうか私に知らせてください。

1
dkasipovic

同じことについては、次の例を参照できます。次の例は、ブラウザごとに異なるコードを示しています。

<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();
}
0
Ishan Shah