Как воспроизвести видео (mp4) на весь экран, используя HTML и JavaScript, как на YouTube?

Question

Если вы заходите на m.youtube.com с Android с помощью Chrome, то при переходе к видео вы видите предварительный просмотр (статическое изображение с наложенной кнопкой воспроизведения). При нажатии на изображение видео запускается на весь экран. Я хочу сделать то же самое.

Answer 1

Вам нужно 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

Дайте мне знать, если это вам подходит.

Answer 2

Вы можете обратиться к следующему примеру для того же самого. Следующий пример показывает разный код для разных браузеров.

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