web-dev-qa-db-ja.com

Wordpressのコアレスポンシブビデオがショートコードで機能しない

私はWordpressのコアからビデオが責任を持って振る舞うことができません。

私は次のCSSを使っています：

.videocontent {
  width: 100%;
  height: 100%;
  max-width: 1024px;
  margin: 0 auto;
} 

.wp-video-shortcode {
  max-width: 100%;
}

以下のショートコードを使用したHTMLは、含まれているdivのフルサイズには比例しません。

<div class="videocontent">
    <?php
    echo do_shortcode('[video webm="http://localhost/dnp/stalker.webm" width=100%]');
    ?>
</div>

しかし、HTMLを直接使ってもうまくいきます。

<div class="videocontent">
    <video  id="myvideo2" style="width:90%;height:100%;" controls="controls">
      <source src="http://localhost/dnp/stalker.webm" type="video/webm"/>
    </video>
</div>

ショートコードを使って、高さ100％、高さと幅100％、幅100％など、さまざまな設定を試してみました。

何がおかしいのですか？

スクリーンショット - > スクリーンショット

ライブサイト： http://www.deekwa.com/dnp

shortcodemediaresponsive
3
pcrx20

width=100%パラメータは、ビデオのショートコードでは無効です。ピクセル単位の数値であるか、完全に省略されている必要があります。

省略した場合、コードはテーマの$ content_widthグローバルを使用して、包含DIVの幅を定義します。

コンテンツ幅の詳細については、こちらを参照してください。

http://codex.wordpress.org/Content_Width

2
Otto