html5 video标签

定义和用法

<video> 标签用于在网页中定义视频元素，可用于嵌入电影片段或其他视频流。

以下是一段简单的 HTML5 视频示例：

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>

在这个示例中，src 属性指定了要播放的视频文件的路径，controls 属性用于向用户显示视频播放控件，如播放按钮等。若浏览器不支持 <video> 标签，则会显示标签内的文本信息。

<video> 标签是 HTML 5 引入的新标签，在 HTML 4.01 中并不存在。

可以在 <video> 标签的开始标签和结束标签之间放置文本内容，这样当老的浏览器不支持该标签时，就会显示这些文本信息，以提示用户。

属性	值	描述
`autoplay`	`autoplay`	若设置该属性，视频在就绪后会立即开始播放。需注意，由于自动播放可能会影响用户体验，部分浏览器会对自动播放进行限制。
`controls`	`controls`	设置该属性后，会向用户显示视频播放控件，如播放、暂停、音量调节等按钮。
`height`	`pixels`	用于设置视频播放器的高度，单位为像素。
`loop`	`loop`	若设置该属性，当视频播放完成后会自动再次开始播放，实现循环播放效果。
`preload`	`preload`	若设置该属性，视频会在页面加载时进行预加载，以便后续播放。不过，如果同时使用了 `autoplay` 属性，`preload` 属性将被忽略。
`src`	`url`	指定要播放的视频的 URL 地址，可以是本地文件路径或远程服务器上的视频文件链接。
`width`	`pixels`	用于设置视频播放器的宽度，单位为像素。

<video> 标签支持 HTML 5 中的所有全局属性，这些属性可用于设置元素的通用特性，如 class、id、style 等。

<video> 标签支持 HTML 5 中的事件属性，通过这些事件属性可以监听视频播放过程中的各种事件，例如 onplay（视频开始播放时触发）、onpause（视频暂停时触发）、onended（视频播放结束时触发）等，方便开发者实现更丰富的交互效果。