javascript - 视频播放器的全屏模式

Question

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

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

上面的代码对此不起作用，我想知道这将如何工作。我一直在为此寻找一些解决方案，但我找不到。我得到这种结果..

Answer 1

更新：

您试图忽略 youtube 的全屏功能在其播放器中的 ActionScript 中编码。JW Player不提供此功能。window'但是，您可以在不测量s 高度和宽度的情况下设置全屏，如下所示：

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 );