Fancybox Chrome 自动播放视频问题答案

【问题标题】：Fancybox Chrome autoplay video issueFancybox Chrome 自动播放视频问题
【发布时间】：2012-02-16 20:38:23
【问题描述】：

我将 Fancybox 用作灯箱。我在外部 html 文档中设置了视频，并在从主文档单击链接时加载到 Fancybox 中。问题是 Fancybox 以某种方式阻止了 Chrome 中的“自动播放”。 Firefox 似乎工作正常。

From index.html

Fancybox script:
<script type="text/javascript">
$(document).ready(function() {
$(".video").fancybox({
'overlayOpacity': 0.9,
'hideOnContentClick': true
});
}); //ready
</script>

Body code:
<li><a class="video" href="video/healthcarevideo1.html">Smart Outsourcing (HIPPA 5010, EMR)</a></li>
<li><a class="video" href="video/healthcarevideo2.html">Guaranteed Rejection of Claims (HIPPA 5010)</a></li>

-->From healthcarevideo1.html:
<video width="640" height="360" controls autoplay>
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg"></video>

对这里可能出现的问题有什么想法吗？谢谢！

EDIT: JFK, below, is correct. Final code:    
<script type="text/javascript">
$(document).ready(function() {
$(".video").fancybox({
'overlayOpacity': 0.9,
'width': 640, //or whatever
'height': 360, //or whatever
'type' : 'iframe',
'scrolling': 'no'
});
}); //ready
</script>

感谢大家的帮助。

【问题讨论】：

您能显示您的healthcarevideo html 文件的内容吗？您是否尝试在自定义的 fancybox 脚本中设置'type':'iframe'？（您可能还需要设置width 和height）
我在上面添加了视频代码。 Fancybox 加载，显示电影，电影只是不播放。火狐一切正常。我可以将视频 html 拖到浏览器上并在 Chrome 中播放。这就是为什么我认为它可能是 Fancybox。
当您不使用 Fancybox 时，自动播放功能在 Chrome 中有效吗？
我很高兴它成功了；你能把我的答案标记为正确吗，谢谢;)

标签： jquery fancybox html5-video

【解决方案1】：

您是否尝试在自定义的 fancybox 脚本中设置 'type':'iframe'？（您可能还需要设置width 和height）如：

$(".video").fancybox({
 'type': 'iframe',
 'width': 660,
 'height': 380,
 'scrolling': 'no',
 'overlayOpacity': 0.9
});

【讨论】：