2012-08-08 51 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%; 
}