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

时间:2015-04-14 09:50:53

标签: html css html5 video

我将视频放在750px宽度的内容列之上,但在视频周围有一些填充,我无法摆脱。视频的原始尺寸为1280像素宽,因此视频不是太小。

enter image description here

我希望视频延伸到内容的边缘(即填充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>

1 个答案:

答案 0 :(得分:3)

如果您的视频宽度为1280像素,我猜它的高度为720像素。在您的HTML代码中

height="350"

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