讓酷視頻庫響應

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 100％到包含div：

如果你想確保它是反應靈敏，您可以添加一個寬度

#mediaplayer_gallery_1_wrapper { 
    width: 100%; 
}