HTML <video> 标签width属性

  • <video>标签width属性定义和用法

    width属性指定视频播放器的宽度(以像素为单位)。
    提示:始终为视频指定高度和宽度属性。如果设置了高度和宽度,则在加载页面时会保留视频所需的空间。但是,如果没有这些属性,浏览器就不知道视频的大小,也无法为其保留适当的空间。效果将是页面布局在加载期间(视频加载时)会发生变化。
    注意:请勿使用height和width属性重新缩放视频!缩小具有高度和宽度属性的大型视频会强制用户下载原始视频(即使它在页面上看起来很小)。重新缩放视频的正确方法是使用程序,然后再在页面上使用它。

  • <video>标签width属性浏览器支持

    Edge/IE Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • HTML4.01和HTML5之间的差异

    <video>标记是HTML5中的新标记。

  • <video>标签width属性语法

    <video width="pixels">

  • <video>标签width属性实例

    <video width="320" height="240" controls>
      <source src="/images/video/demo.mp4" type="video/mp4">
      <source src="/images/video/demo.ogg" type="video/ogg">
      您的浏览器不支持video标记。
    </video>
    尝试一下
  • <video>标签width属性值

    属性值 描述
    pixels 视频宽度,以像素为单位(例如 width=“100”)