我无法让Wordpress core的视频表现出响应性。

我正在使用以下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%。

我做错了什么？

屏幕截图->screen shot

实时站点：http://www.deekwa.com/dnp