Question

我在我的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媒体查询调整视频大小，或者我可以吗？

Answer 1

有一个技巧可以使视频播放器响应：

在“视频播放器设置”页面中，您可以设置视频播放器的宽度和高度。如果将这两个输入留空，则不会在包含div中添加宽度和高度内联样式，并且它将根据页面的尺寸进行相应调整。

如果您想确保它具有响应性，您可以为css中包含的div添加宽度：100％：

#mediaplayer_gallery_1_wrapper {
    width: 100%;
}

让酷视频库响应

1 个答案: