Мне удалось открыть видео в полноэкранном режиме в ответ на события (нажмите, нажмите), используя тег HTML 5 и jQuery. Как открыть видео в полноэкранном режиме при загрузке страницы вместо onclick? Любая помощь будет оценена по достоинству. Большое спасибо!
Мой HTML:
<div id="video_container>
<video id="video1" width="1280" height="720" controls autoplay>
<source src="videos/ballet.mp4" type="video/mp4">
<source src="videos/ballet.webm" type="video/webm">
<source src="videos/ballet.ogv" type="video/ogg">
</video>
</div>
Мой JavaScript:
$(document).ready(function(){
$('#video1').bind("playing", function(){
var elem = document.getElementById("video1");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
});
$('#video1').bind("ended", function(){
$("#video_container").hide();
});
});
Похоже, вы не можете сделать полноэкранный режим видео на загрузке страницы, по крайней мере, не для веб-браузеров. Согласно библиотеке разработчиков Safari:
Метод webkitEnterFullscreen() может быть вызван только в ответ на действие пользователя, например, нажатие кнопки. Например, вы не можете вызвать webkitEnterFullscreen() в ответ на событие загрузки.
Полная статья здесь: https://developer.apple.com/library/safari/documentation/audiovideo/conceptual/using_html5_audio_video/controllingmediawithjavascript/controllingmediawithjavascript.html