Fancybox Chrome - проблема с автоматическим воспроизведением видео - PullRequest
1 голос
/ 17 февраля 2012

Я использую 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>

Спасибо всем за помощь.

1 Ответ

0 голосов
/ 17 февраля 2012

Вы пытались установить 'type':'iframe' в своем собственном скрипте fancybox? (вам может понадобиться установить width и height тоже), например:

$(".video").fancybox({
 'type': 'iframe',
 'width': 660,
 'height': 380,
 'scrolling': 'no',
 'overlayOpacity': 0.9
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...