Fancybox Chrome 自动播放视频问题

Question

我使用 Fancybox 作为灯箱。我在外部 html 文档中设置了视频，并在从主文档单击链接时将其加载到 Fancybox 中。问题是 Fancybox 在某种程度上阻止了 Chrome 中的“自动播放”。火狐浏览器似乎工作正常。

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>

感谢大家的帮助。

Answer 1

您是否尝试在自定义 fancybox 脚本中设置 'type':'iframe' ？ （您可能还需要设置宽度和高度），例如：

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