2012-02-16 2 views
1

Я использую Fancybox как лайтбокс. У меня есть видео, созданное во внешних html-документах и ​​загружаемое в Fancybox при щелчке по ссылке из основного документа. Проблема в том, что Fancybox как-то предотвращает «автовоспроизведение» в Chrome. Кажется, что Firefox работает нормально.Fancybox Chrome autoplay video issue

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

Не могли бы вы показать содержание ваших healthcarevideo HTML-файлов? Попробуйте установить '' type ': iframe'' в свой собственный скрипт fancybox? (вам может потребоваться установить «width» и «height» тоже) – JFK

+0

Я добавил видео-код выше. Загрузка Fancybox, показывает фильм, фильм просто не играет. Firefox все работает нормально. Я могу перетащить видео html в браузер и играть в Chrome. Вот почему я подумал, что это может быть Fancybox. – Andrea

+0

Работает ли автовоспроизведение в Chrome, когда вы не используете Fancybox? – Kevin

ответ

0

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

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