我在将 HTML5 视频加载到 Fancybox 时遇到问题。我有一个 HTML5 视频加载到一个隐藏的 div 中，因此无法在标签中启用自动播放。然后，我将其称为带有 Fancybox 内联和 div 参考的图像单击。一切正常，除了我只想在 Fancybox 打开视频时播放视频？任何想法，将不胜感激。
问问题
9609 次
1 回答
2
您可以在fancybox 中打开视频后立即自动播放。内联视频的问题在于，如果您关闭它，它会暂停，下次您在 fancybox 中打开它时，视频将在关闭时的相同位置/轨道打开......而且它不会“自动恢复”（动作是在开始时自动播放）。
无论如何，这个选项应该可以解决问题：
'onComplete': function(){
$("#myVideo").find('video').attr('autoplay','autoplay');
}
#myVideo是包含视频标签的DIV的ID。
由于您使用的是内联方法，因此值得在此处查看一个现有错误及其解决方法。
最终，您可能更喜欢使用 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>'
于 2011-11-20T04:44:28.727 回答