Wordpress核心响应视频不使用短代码

Question

我无法从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

Answer 1

width=100%参数在视频短代码中无效。它必须是一个数字，以像素为单位，或完全省略。

如果省略了它，那么代码将使用主题中的$content_width全局值来定义包含的DIV的宽度。

有关内容宽度的更多信息，请参见此处：

http://codex.wordpress.org/Content_宽度