Question

我遇到了将HTML5视频加载到Fancybox时自动播放的问题。我将HTML5视频加载到隐藏的div中，因此无法在标记中启用自动播放。然后我称它为一个图像点击与Fancybox内联和ref为div。一切都按原样运作，除了我只想让视频播放，然后Fancybox打开它？任何想法都将不胜感激。

Answer 1

您可以在fancybox中打开视频后立即自动播放视频。内嵌视频的问题在于，如果你关闭它然后它会暂停，下次你在fancybox中打开它时，视频将在关闭时在同一个地方/轨道上打开......它不会“自动恢复“（动作在开始时自动播放）。

无论如何，这个选项可以解决问题：

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

#myVideo是DIV的ID，其中包含视频标记。

由于您使用的是内联方法，因此有必要查看一个现有错误及其解决方法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>'

带有Fancybox的HTML5视频

1 个答案: