我正在使用Fancybox顯示單個HTML5視頻以及HTML5視頻庫的項目。在Fancybox中自動播放HTML5視頻
對於單個視頻,我打算在Fancybox中打開視頻後立即自動播放視頻,然後在視頻播放完畢後關閉Fancybox。
對於圖庫中的視頻,我想在Fancybox中打開視頻時自動播放視頻,當視頻播放完時前進到下一個圖庫項目,並暫停當前視頻/自動播放下一個/上一個視頻if用戶瀏覽畫廊。
我已經包括這裏codepen:http://codepen.io/ericjacksonwood/pen/kXKkaq/,其中包括一些我試圖用的fancybox的「負荷」功能的工作:
// Attempt 01
$(".fancybox-video").find('video').play();
// Attempt 02
$(".fancybox-video").find('video').attr('autoplay','autoplay');
// Attempt 03
var vid = document.getElementsByClassName("fancybox-video");
function playVid() {
vid.play();
}
任何幫助,將不勝感激!謝謝。
-------- --------編輯
的codepen已經更新,工作正常。
你檢查的答案嗎? – Dekel