HTML Dog
跳至导航

HTML 标签:video

视频或带字幕的音频文件。

source 元素可用于 video 元素中,以指向备用资源。

track 元素可用于分配文本轨道,例如字幕。

任何附加内容都被视为备用内容,即,如果视频无法正常工作(例如,找不到资源,或者浏览器太老旧而无法理解 video 元素),浏览器将调用的内容。

可选属性

属性 描述 可能的值
src 要使用的视频文件的位置。 URL。
poster 在播放开始前用作占位符的图像。 URL。
preload 视频应缓冲多少。
  • none:节省服务器资源。仅在调用播放后才获取视频数据。
  • metadata:获取元数据,例如时长和尺寸,甚至可能是一两个帧。
  • auto:用户优先于服务器——必要时在播放开始前下载全部内容。
autoplay 在加载时自动播放视频,可能令用户感到烦恼。 无。
loop 播放完成后不断循环播放视频。 无。
muted 默认静音视频资源。 无。
controls 指示浏览器应用其自身内置的用户控件集(例如停止、播放、静音等)。 无。
mediagroup 将多个 video 和/或 audio 元素分组。共享相同 mediagroup 值的元素将成为同一组的一部分。 文本。
width 视频的宽度(以像素为单位)。这也可以通过 CSS 完成,或被 CSS 覆盖。 数字。
height 视频的高度(以像素为单位)。这也可以通过 CSS 完成,或被 CSS 覆盖。 数字。
crossorigin 与 JavaScript 结合使用,用于确定如何处理跨域资源共享请求。
  • anonymous
  • use-credentials
全局属性

示例


<video src="kitties.mp4" width="300" height="200" loop controls poster="kittiesTitle.jpg">
    <img src="hahahaha.jpg" alt="Hilarious cat and caption saying 'soz'.">
</video>