視頻播放器的全屏模式

Question

我試圖爲我的視頻播放器製作全屏。我使用JWplayer ..我要的是一個全屏幕像this

var player_width = $(window).width(); 
var player_height = $(window).height(); 

代碼上面這不會工作，我想知道這是如何將工作。我正在尋找一些解決方案，但我無法找到一個。我得到這種結果..

Answer 1

function makeBig() { 
      var myVideo = document.getElementsByTagName('video')[0]; 
      myVideo.height = myVideo.videoHeight * 2; 
     } 
     function makeNormal() { 
      var myVideo = document.getElementsByTagName('video')[0]; 
      myVideo.height = myVideo.videoHeight; 
     } 

Answer 2

更新時間：

你想省略的YouTube的全屏功能編碼在ActionScript中他們的球員。 JW播放器不提供此功能。然而，你可以設置全屏顯示，無測量window'的身高和寬度是這樣的：

jwplayer('mediaspace').setup({ 
'flashplayer': '/jwplayer/player.swf', 
'width': '100%', 
'height': '100%', 
}); 

一招太觸發瀏覽器的默認播放器由某處鏈接一個鏈接上的直接視頻鏈接或上的雙擊播放器（可以使用jQuery來輕鬆完成）

另一個竅門是太觸發瀏覽器的全屏如圖here

早些時候答：

如果您嘗試根據屏幕尺寸調整播放器大小，請確保您在文檔加載後獲取值，並且該插件在病房後啓動。

$(function() { 
    var player_width = $(window).width(); 
    var player_height = $(window).height(); 

    //After this initiate the plugin 

}); 

除此之外，您的代碼沒有任何問題。

Answer 3

可以更改jwplayer高度和寬度試試這個

  var windowWidth = $(window).width(); //retrieve current window width 
      var windowHeight = $(window).height(); //retrieve current window height 
      jwplayer("video_id").resize(windowWidth , windowHeight);