HTML5視頻與Fancybox

Question

我有一個問題，獲取HTML5視頻加載到Fancybox自動播放。 我將HTML5視頻加載到隱藏的div中，因此無法在標記中啓用自動播放功能。然後我把它稱爲一個圖像點擊與一個Fancybox內聯和ref的div。 一切正常，因爲它應該除了我只想要視頻播放時，然後Fancybox打開它？任何想法，將不勝感激。

Answer 1

只要在fancybox中打開視頻，就可以自動播放視頻。內聯視頻的問題在於，如果關閉它，它會暫停，並且下次在fancybox中打開它時，視頻將在關閉時的相同位置/軌道中打開...並且它不會「自動恢復「（該動作是在開始時自動播放）。

不管怎麼說，這個選項應該做的伎倆：

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

#myVideo是DIV，它包含了視頻標籤的ID。

由於您使用的是內聯方法，因此值得看看現有的一個bug及其解決方法here。

最終，你可能更願意使用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>'