Я использую 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>
Спасибо всем за помощь.