我在让 HTML5 视频加载到 Fancybox 时自动播放时遇到问题。 我有一个 HTML5 视频加载到一个隐藏的 div 中，因此无法在标签中启用自动播放。然后我将其称为带有 Fancybox 内联图像点击和对 div 的引用。 一切正常，只是我只想在 Fancybox 打开视频时播放它？任何想法将不胜感激。
最佳答案
您可以在 fancybox 中打开视频后立即自动播放。内联视频的问题是，如果您关闭它，它将暂停，下次您在 fancybox 中打开它时，视频将在关闭时的同一位置/轨道打开……而且不会“自动恢复”(该操作在开始时自动播放)。
无论如何，这个选项应该可以解决问题:
'onComplete': function(){
$("#myVideo").find('video').attr('autoplay','autoplay');
}
#myVideo是DIV的ID，里面包含video标签。
由于您使用的是内联方法，因此有必要查看一个现有错误及其解决方法 here .
最终，您可能更愿意使用 API 选项“content”来避免内联类型问题:
'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>'
关于带有 Fancybox 的 HTML5 视频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8184677/