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

Question

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

我希望视频延伸到内容的边缘（即填充 750px space）。这是我的 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，完全不要设置高度。

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

Remove padding around HTML5 video element

html

css

video