Fancybox Chromeの自動再生ビデオの問題

Question

私はライトボックスとして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> 

ありがとうございました。

Answer 1

カスタムファンシーボックススクリプトに'type':'iframe'を設定しようとしましたか？以下のように（あなたもwidthとheightを設定する必要があります）：

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