视频播放器的全屏模式

Question

我试图为我的视频播放器制作全屏。我正在使用JWplayer ..我想要的是像this

这样的全屏

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

上面的代码不适用于此，我想知道这将如何工作。我正在寻找一些解决方案，但我找不到一个。我得到了这样的结果..

Answer 1

<强>更新

您尝试忽略youtube的全屏功能在其播放器中的ActionScript中编码。 JW Player 不提供此功能。但是，您可以设置全屏而不测量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 2

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 3

你可以改变jwplayer的高度和宽度试试这个

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