html видео полноэкранный режим с машинописными текстами

Question

может кто-нибудь рассказать мне, как включить полноэкранный режим при использовании тега видео? Я использую следующий машинописный текст:

var vid = <HTMLVideoElement> document.getElementById('video1'); 

Я хотел был бы сыграть видео в полноэкранном режиме в событии window.onload.

Кажется, что машинопись не поддерживает requestFullscreen или другой режим «webkitFullscreen». Я ищу другие вопросы о стеке, и они кажутся устаревшими.

Answer 1

Пожалуйста, попробуйте это то

var elem = document.getElementById("myvideo"); 

if (elem.requestFullscreen) { 
    elem.requestFullscreen(); 
} else if (elem.mozRequestFullScreen) { 
    elem.mozRequestFullScreen(); 
} else if (elem.webkitRequestFullscreen) { 
    elem.webkitRequestFullscreen(); 
} 

Для документации Document

Answer 2

Вы можете добавить их к интерфейсу:

// Add the missing definitions: 
interface HTMLVideoElement{ 
    requestFullscreen(); 
    webkitRequestFullscreen(); 
} 

// now the following should work 
var vid = <HTMLVideoElement> document.getElementById('video1'); 
if (vid.requestFullscreen){ 
    vid.requestFullscreen(); 
}else if (vid.webkitRequestFullscreen){ 
    vid.webkitRequestFullscreen(); 
} 

Answer 3

Я попытался это, но не работает.

Я ищу для воспроизведения полноэкранного видео с события window.onload. Если я добавлю кнопку на странице и добавлю код, который вы упомянули, значит, он работает. код Click Me To Go Fullscreen!

Кроме того, IE10, похоже, не поддерживает какой-либо из этих режимов. Это ожидалось?

Answer 4

Для открытия видео в полноэкранном режиме требуется синхронное взаимодействие с пользователем, то есть пользователь должен щелкнуть по кнопке, и только тогда обработчик кликов может запросить полноэкранный режим.