Получить HTML 5 видео для автоматического открытия в полноэкранном режиме

0

Мне удалось открыть видео в полноэкранном режиме в ответ на события (нажмите, нажмите), используя тег 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();
      });
 });
Теги:
video
html5-video

1 ответ

4

Похоже, вы не можете сделать полноэкранный режим видео на загрузке страницы, по крайней мере, не для веб-браузеров. Согласно библиотеке разработчиков Safari:

Метод webkitEnterFullscreen() может быть вызван только в ответ на действие пользователя, например, нажатие кнопки. Например, вы не можете вызвать webkitEnterFullscreen() в ответ на событие загрузки.

Полная статья здесь: https://developer.apple.com/library/safari/documentation/audiovideo/conceptual/using_html5_audio_video/controllingmediawithjavascript/controllingmediawithjavascript.html

Ещё вопросы

Сообщество Overcoder
Наверх
Меню