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%.

我究竟做错了什么？

截图 - > 屏幕截图

下面是上面的例子-尝试调整浏览器

Answer 1

使用以下css进行WordPress视频短代码输出

video{ width: 100%; height: 100%; max-width: 100%; }
.wp-video{width: 100% !important;}