HTML 标签:video
视频或带字幕的音频文件。
source 元素可用于 video 元素中,以指向备用资源。
track 元素可用于分配文本轨道,例如字幕。
任何附加内容都被视为备用内容,即,如果视频无法正常工作(例如,找不到资源,或者浏览器太老旧而无法理解 video 元素),浏览器将调用的内容。
可选属性
| 属性 | 描述 | 可能的值 |
|---|---|---|
src |
要使用的视频文件的位置。 | URL。 |
poster |
在播放开始前用作占位符的图像。 | URL。 |
preload |
视频应缓冲多少。 |
|
autoplay |
在加载时自动播放视频,可能令用户感到烦恼。 | 无。 |
loop |
播放完成后不断循环播放视频。 | 无。 |
muted |
默认静音视频资源。 | 无。 |
controls |
指示浏览器应用其自身内置的用户控件集(例如停止、播放、静音等)。 | 无。 |
mediagroup |
将多个 video 和/或 audio 元素分组。共享相同 mediagroup 值的元素将成为同一组的一部分。 |
文本。 |
width |
视频的宽度(以像素为单位)。这也可以通过 CSS 完成,或被 CSS 覆盖。 | 数字。 |
height |
视频的高度(以像素为单位)。这也可以通过 CSS 完成,或被 CSS 覆盖。 | 数字。 |
crossorigin |
与 JavaScript 结合使用,用于确定如何处理跨域资源共享请求。 |
|
| 全局属性 | ||
示例
<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>
