在javascript中有条件地更改视频的源和维度

在javascript中有条件地更改视频的源和维度,javascript,video-streaming,conditional-statements,Javascript,Video Streaming,Conditional Statements,我有以下代码: <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "http://test.captive-portal.com/jwplayer/player.swf", file: "http://content.captive-portal.com/files/video/ci

我有以下代码:

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

jwplayer(“容器”)。设置({
flashplayer:“http://test.captive-portal.com/jwplayer/player.swf",
文件:“http://content.captive-portal.com/files/video/cirque-du-soleil/mob.mp4",
图像:“http://content.captive-portal.com/files/video/cirque-du-soleil/mob.jpg",
身高:285,
宽度:480,
});
整个页面都在这里(以防您需要):

我想做的是根据窗口的分辨率更改4行:文件:(…)、图像(…)、高度(…)和宽度(…)。我已经用css做到了这一点,因此样式应用正确,但这是javascript,我真的不知道如何修改它。我试图在divs中的一个页面上放置两个类似的脚本,在大屏幕的情况下隐藏小脚本,或者在小屏幕的情况下隐藏大脚本,但没有成功。视频没有播放。我认为这可能是由于flashplayer文件中的一些脚本造成的

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

这些参数只是一个对象

因此,您应该能够在jwplayer调用之外创建该对象,并将其传入。e、 g

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(宽度、高度)

基本上,我将为笔记本电脑使用不同的文件、图像和分辨率,而现有的文件、图像和分辨率用于移动设备和其他分辨率较小的设备。但我不知道如何改变它。例如,我将使用文件desk.mp4而不是mob.mp4+将为其声明更高的分辨率。分辨率与视频一致。非常感谢。现在我将测试它:)我如何处理移动设备的检查?我可以通过决议来做这件事吗?例如,如果它的宽度超过960,我想使用桌面分辨率,如果不超过960,它将是移动的。我如何应用它?我有这段代码,我将其用于CSS:您可以将条件设置为基于WOKR为您的设置设置的任何内容-因此可以基于宽度进行设置-尽管在获得视网膜设备的分辨率时,这可能会不稳定。检查移动设备(以及特定类型的移动设备)的一个很好的示例,因此可以在以下位置找到更具体的示例:。我已经完成了此操作,不确定它是否良好,但不起作用。我可能做错了什么。很抱歉,我只是javascript的初学者,还不了解所有内容。所有内容都在第48-85行