0

我在下面有这段代码:

      <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 行:文件:(...)、图像(...)、高度(...)和宽度(...)。我已经设法用 css 做到这一点,所以样式被正确应用,但这是 javascript,我真的不知道如何修改它。我试图在 div 的一页上放置 2 个类似的脚本,并在大屏幕的情况下隐藏小脚本,或者在小屏幕的情况下隐藏大脚本,但它不起作用。视频没有播放。我认为这可能是由 Flash 播放器文件中的某些脚本引起的。

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

4

1 回答 1

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 有一个“调整大小”功能,您可以调用它:jwplayer.resize(width,height)

于 2013-01-28T10:28:08.973 回答