Question

我的代码如下：

      <script type="text/javascript">
           jwplayer("container").setup({
           flashplayer: "http://test.captive-portal.com/jwplayer/player.swf",
                        file: "http://content.captive-portal.com/files/video/cirque-du-soleil/mob.mp4",
                        image: "http://content.captive-portal.com/files/video/cirque-du-soleil/mob.jpg",
                        height: 285,
                        width: 480,
           });
      </script>

整个页面在这里（万一你需要）：video page。

我要做的是更改4行：file：（...），image（...），height（...）和width（...）取决于窗口的分辨率。我已经设法用css做了这个，所以样式被正确应用，但这是javascript，我真的不知道如何修改它。我试图在div中的一个页面上放置2个类似的脚本，并在大屏幕的情况下隐藏小的脚本或者在小屏幕的情况下隐藏大的脚本但是它不起作用。视频没有播放。我认为这可能是由Flash播放器文件中的一些脚本引起的。

根据屏幕分辨率，有没有办法为这4行设置条件？非常感谢您的帮助。

Answer 1

这些参数只是一个对象。

所以你应该能够从jwplayer调用中创建该对象，并简单地将其传入。例如

var params = {};
params.flashplayer = "http://test.captive-portal.com/jwplayer/player.swf";
if(!mobile){ //you need to handle checking for mobile devices
    params.file = "http://content.captive-portal.com/files/video/cirque-du-soleil/desktop.mp4";
    params.image = "http://content.captive-portal.com/files/video/cirque-du-soleil/desktop.jpg";
    params.height = 570;
    params.width = 960;
}else{
    //set params in same way but with mobile settings
}

jwplayer("container").setup(params);

如果您以后想要调整播放器的大小。 JwPlayer有一个'resize'功能，您可以调用它：jwplayer.resize(width,height)

有条件地在javascript中更改视频的来源和尺寸

1 个答案: