我正在使用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