2013-07-20 316 views
0

我试图为我的视频播放器制作全屏。我使用JWplayer ..我要的是一个全屏幕像this视频播放器的全屏模式

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

代码上面这不会工作,我想知道这是如何将工作。我正在寻找一些解决方案,但我无法找到一个。我得到这种结果..

+0

是不提供这些信息的JW文档中? –

+0

我正在使用免费版的JW播放器.. – Vhanjan

+0

是的,你的代码必须工作,任何链接.. – Sarath

回答

-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; 
     } 
+0

多数民众赞成它使2倍高。不是全屏 – VeXii

0

更新时间:

你想省略的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 

}); 

除此之外,您的代码没有任何问题。

-1

可以更改jwplayer高度和宽度试试这个

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