2012-08-08 53 views
0

我在我的wordpress网站上使用这个插件(http://wordpress.org/extend/plugins/cool-video-gallery/)来显示一个视频库。让酷视频库响应

现在,因为我希望视频在每个移动设备上看起来不错,我需要调整不同分辨率下的视频大小。我看看代码,它看起来是在这个函数:

jwplayer('video_fancy_cvg_slide_gallery_<?php echo $galleryID.' 
    _ '.$place_holder;?>').setup({ 
     'file': this.href, 
     "autostart": "<?php echo $autoplay;?>", 
     "controlbar": "<?php echo $options_player['cvgplayer_controlbar']; ?>", 
     "flashplayer": "<?php echo $cool_video_gallery->plugin_url . " 
     cvg - player/player.swf "; ?>", 
     "volume": "<?php echo $options_player['cvgplayer_volume']; ?>", 
     "width": "<?php echo $options_player['cvgplayer_width']; ?>", 
     "height": "<?php echo $options_player['cvgplayer_height']; ?>", 
     "mute": "<?php echo $mute; ?>", 
     "stretching": "<?php echo $options_player['cvgplayer_stretching']; ?>", 
     "skin": "<?php echo $cool_video_gallery->video_player_url . 'skins/' . $options_player['cvgplayer_skin'] . '-skin/' . $options_player['cvgplayer_skin'] . '.xml' ?>" 

    }); 

这对我来说是问题,因为它是一个jQuery函数里面,有没有办法,我可以调整使用CSS媒体查询的视频或可以吗?

回答

0

有一个技巧,使响应的视频播放器:

在“视频播放器设置”页面中,可以设置宽度和视频播放器的高度。 如果将这两个输入保留为空白,则不会将宽度和高度内联样式添加到包含div,并且它将相应地调整为页面的尺寸。在你的CSS 100%到包含div:

如果你想确保它是反应灵敏,您可以添加一个宽度

#mediaplayer_gallery_1_wrapper { 
    width: 100%; 
}