删除 HTML5 视频元素周围的填充

Question

我将视频放在 750 像素宽度的内容列上方，​​但视频周围有一些填充，我无法去掉。视频的原始尺寸为1280px宽度，因此不存在视频太小的情况。

我希望视频延伸到内容的边缘（即填充 750px 空间）。这是我的 HTML

    <video width="100%" height="350" controls>
       <source src="<?php echo get_template_directory_uri(); ?>/assets/vid/linecatching.mp4" type="video/mp4">
        Your browser does not support the video tag.
     </video>

Answer 1

如果您的视频宽 1280 像素，我猜它高 720 像素。在你的 HTML 代码中你有

height="350"

尝试将宽度设置为 750px，并且根本不设置高度。