HTML 5 Video Tag Настройка автозапуска

Question

Я работаю над включением некоторого видео HTML5 с резервной версией Flash в онлайн-видео галерею - я использую swfObject для встраивания Flash, и он прекрасно работает в ожидаемых браузерах. Часть HTML5 тоже работает, но ...

1. Я использую плагин prettyPhoto для отображения видео при нажатии на навигационное изображение. Прекрасно работает для обоих форматов.
   
2. Вспышка автоматически воспроизводится после отображения всплывающего окна prettyPhoto и работает нормально.
   
3. HTML5-тег видео загружает видео и правильно отображает его, а также хорошо воспроизводит в совместимых браузерах после нажатия кнопки воспроизведения.
   
4. НО, если я установлю HTML5 для автоматического воспроизведения, видео начнет воспроизводиться, как только оно загрузится, независимо от того, отображается ли оно на экране. Например, вы загружаете страницу, не нажимаете на соответствующее изображение для видео, и оно начинает воспроизводиться, скрытое внутри prettyPhoto.

Кто-нибудь знает какие-либо способы настройки параметра автоматического воспроизведения видео-тега? Я просто хочу, чтобы он запускался автоматически, как только он появляется в окне prettyPhoto. Код:

<div id="video_nav">
 <ul>
  <li><a class="switch2 two" href="#inline1" rel="prettyPhoto"><span>two</span></a></li>
 </ul> 
</div>
<div id="inline1" class="hide">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  <script type="text/javascript">
            $(document).ready(function () {
                var v = document.createElement("video"); // Are we dealing with a browser that supports <video>? 
                if (!v.play || $.browser.mozilla || $.browser.opera) { // If no, or Firefox or Opera, use Flash.

                    var attributes = {};
                    swfobject.embedSWF("video/testy.swf", "flash", "500", "305", "9.0.0", "expressInstall.swf", attributes);
                }
            });
        </script>
        <div id="flash">
    <video id="demo-video" controls>
      <source src="video/export.mp4" type="video/mp4" > <!-- MPEG4 for Safari -->
             </video>
        </div> 
</div>

Answer 1

Вы пробовали:

changepicturecallback

, который включен в prettyphoto и добавляет что-то вроде

$('#videoId').get(0).play()

или, может быть

$('#videoId').attr({'autoplay':'true'});

источник от здесь .

Answer 2

Вы смотрели на VideoJS ? Он обрабатывает все неприятности, связанные с HTML5-видео и флэш-резервом.