jPlayer +自定義控件+相對父級=無全屏？

我在頁面上有一個jPlayer視頻組件。我爲它編寫了自定義控件，因爲它們需要大量設計。我想要全屏按鈕來擴展視頻以覆蓋除標題以外的整個視口。問題是，視頻是在一個相對定位的div內，所以當我將其位置設置爲頂部，左側和絕對時，它只填充此div。jPlayer +自定義控件+相對父級=無全屏？

結構：

<div id="header"></div><!--This should be visible, even in fullscreen--> 
<div id="wrapper"><!--I want the video to fill this wrapper when fullscreen is toggled--> 
    <div id="internalContainer"> <!--This is relatively positioned and smaller than the wrapper--> 
     <video/><!--This is the video I want to expand--> 
    </div> 
</div>

我目前使用兩個視頻播放器「同步」並點擊一個全屏觸發另一個，但它不是優雅，需要一些黑客工作

。

有沒有這樣做的好方法？我無法分離並重新連接視頻節點，因爲這會在使用閃回後備時斷開jPlayer。

來源

2011-09-16 Thomas

大概遲到你托馬斯，但這是我在類似的情況下工作。它採取了兩個步驟。

第1步：設置位置：固定在.jp-video-full類上。

.jp-video-full { position: fixed; top: 0px; left: 0px; }

第2步：添加resize事件的jplayer構造，從全屏恢復時，設置寬度爲瀏覽器窗口的寬度和背部。

$("#jquery_jplayer_1").jPlayer({ 
    resize: function(){ 
     if ($("#jp_container_1").is('.jp-video-full')) { 
      $('div.jp-video-full').width($(window).width()); 
     } else { 
      $('div.jp-video-360p').width(670); 
     } 
    } 
});

來源

2011-11-20 07:36:57

jPlayer +自定義控件+相對父級=無全屏？

回答

相關問題