2014-12-31 2 views
1

Я использую fancybox 2.1.5 на нашем веб-сайте. Некоторые всплывающие окна включают в себя iframe с видео на нем, плеер - видео-js. Это хорошо работает на Mac, Windows, Android со всеми браузерами. НО (не всегда ли «но»?) Не очень хорошо на iPad и iPhone. Здесь все всплывающие окна iframe имеют короткие высоты (около 150 пикселей), а всплывающее окно имеет обычную ширину 800 пикселей. Видео отображается пропорционально этой высоте, поэтому слишком мало.fancybox iframe video-js на ipad/phone

Это код FancyBox на странице:

<script type="text/javascript"> /* videopopup */ 
$(document).ready(function() { 
$.fancybox({ 
'width': '800px', 
'autoScale': true, 
'transitionIn': 'fade', 
'transitionOut': 'fade', 
'type': 'iframe', 
'href': 'video/simpleshow.html' 
}); 
}); 
</script> 

Он также не имеет значения без AutoScale (или AutoScale «ложь») или с высоты, определенной. Какие-либо предложения?

ответ

0

Хорошо, я понял. На что то будет HTML страница загружается в IFRAME я ставлю стиль = «ширина: 700px; высота: 380px» непосредственно в видеотега

<video style="width:700px; height: 393px;" 

Это решило проблему на IPad