0

私は自分のワードプレスのウェブサイトでこのプラグイン（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メディアクエリを使用してビデオのサイズを変更する方法はありませんか？

4

1 に答える 1

0

ビデオ プレーヤーをレスポンシブにするための秘訣があります。

「ビデオ プレーヤーの設定」ページでは、ビデオ プレーヤーの幅と高さを設定できます。これら 2 つの入力を空白のままにすると、含まれている div に幅と高さのインライン スタイルが追加されず、ページのサイズに応じてサイズが変更されます。

レスポンシブであることを確認したい場合は、css の含まれる div に width: 100% を追加できます。

#mediaplayer_gallery_1_wrapper {
    width: 100%;
}
于 2013-07-23T04:02:49.710 に答える