尝试添加此CSS：

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

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

是的，这叫做固有纵横比。Here 是一篇关于CSS技巧的文章。

其思想是创建一个没有高度、100%宽度的视频包装div。然后在y方向给它一定百分比的填充。由于所有内容都基于百分比，因此容器将随父元素的宽度拉伸，同时保持其纵横比，这对于视频非常重要。

最后一步是将视频绝对定位，并将top、right、bottom和left全部设置为零，以将侧面锁定到前面提到的视频容器div上。

标记如下所示

<style>
   .video-container {
      position: relative;
      height: 0px;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
   }

   .video {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
   }
</style>

<div class="video-container">
   <div class="video">
      <!---VIDEO GOES HERE--->
   </div>
</div>