2014-12-31 62 views
1

我在我們的網站上使用fancybox 2.1.5。一些彈出窗口包括一個帶有視頻的iframe,播放器是video-js。這適用於Mac,Windows,Android和所有瀏覽器。但是(並不總是有「但是」?)在iPad和iPhone上表現不佳。這裏所有的視頻iframe彈出窗口的高度都很短(大約150px),而彈出窗口的寬度通常是800px。視頻與該高度成正比,因此太小。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> 

這也使得無需自動縮放無差異(或自動縮放「假」)或具有限定的高度。有什麼建議麼?

回答

0

好的,我想通了。在HTML頁面,多數民衆贊成加載到iframe中,我把風格=「寬度:700像素,高度:380px」直接進入視頻標籤

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

這解決了在iPad上

問題