HTML5 видео с Fancybox - PullRequest
Новая
       16

HTML5 видео с Fancybox

3 голосов
/ 18 ноября 2011

У меня проблема с загрузкой видео в формате HTML5 для автоматической загрузки при загрузке в Fancybox. У меня есть HTML5-видео, загруженное в div, который скрыт и поэтому не может иметь автозапуск в теге. Я тогда называю это одним щелчком изображения с встроенным Fancybox и ссылкой на div. Все работает как надо, но я просто хочу, чтобы видео воспроизводилось, когда Fancybox открывает его ?? Любые идеи будут оценены.

1 Ответ

2 голосов
/ 20 ноября 2011

Вы можете автоматически воспроизвести видео, как только оно откроется в fancybox. Проблема со встроенным видео состоит в том, что если вы закроете его, то оно будет приостановлено, и в следующий раз, когда вы откроете его в fancybox, видео будет открыто в том же месте / треке, которое было при закрытии ... и не будет " автообновление "(действие - автозапуск при запуске).

В любом случае, эта опция должна помочь: 

'onComplete': function(){
$("#myVideo").find('video').attr('autoplay','autoplay');
}

#myVideo - это идентификатор DIV, который содержит тег видео.

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

В конце концов, вы можете предпочесть использовать параметр API «контент», чтобы избежать проблем встроенного типа: 

'content': '<video autoplay="autoplay" preload="none" poster="path/image.jpg" width="640" height="360" controls="controls"><source autoplay="autoplay" src="path/video.ogg" type="video/ogg">your browser does not support the HTML 5 video tag</video>'
...