📜  HTML<video>宽度属性(1)

📅  最后修改于: 2023-12-03 15:31:19.173000             🧑  作者: Mango

HTML

介绍

HTML5 中的

语法
<video width="宽度值">
  <source src="video.mp4" type="video/mp4">
</video>

其中, width 属性用于指定播放器宽度的大小,单位为像素。

例子

下面是一个例子,演示了如何使用 width 属性来设置视频播放器的宽度:

<video width="500" controls>
  <source src="video.mp4" type="video/mp4">
</video>

在这个例子中,播放器的宽度被设置为 500 像素,同时也设置了 controls 属性以显示播放器的控制条。

属性值

width 属性的值可以是任何数字类型的值,默认为 auto,代表自动匹配父元素的宽度。

需要注意的是,如果宽度值大于视频的实际宽度,那么视频会向两侧填充空白;如果宽度值小于视频的实际宽度,那么视频会被缩小以适应宽度。

结论

HTML