HTML5中视频<video>标签的详细使用方法
互广建站
在 HTML5 中，`<video>` 标签用于在网页中嵌入视频。以下是 `<video>` 标签的详细使用方法：
html代码
<video width="640" height="360" controls autoplay loop muted poster="image.jpg"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <!-- 可以添加更多的视频源，以支持不同的浏览器 --> 您的浏览器不支持 HTML5 视频。 </video>
属性解释：
- `width` 和 `height`：指定视频播放器的宽度和高度。
- `controls`：显示浏览器默认提供的视频控制栏，如播放/暂停、音量控制、进度条等。
- `autoplay`：如果存在，视频会在页面加载后自动播放。但部分浏览器可能需要用户交互才能自动播放（出于用户体验和节省流量的考虑）。
- `loop`：使视频循环播放。
- `muted`：静音播放视频。
- `poster`：指定在视频加载前显示的图片，作为视频的封面。
`<source>` 元素：
用于为 `<video>` 标签提供多个不同格式的视频源，以便浏览器根据自身支持的格式选择合适的视频进行播放。
- `src`：视频文件的路径。
- `type`：指定视频的 MIME 类型，如 `video/mp4` 表示 MP4 格式的视频，`video/webm` 表示 WebM 格式的视频。
如果浏览器不支持 `<video>` 标签或无法播放指定的视频格式，将会显示 `<video>` 标签内的文本内容（如 “您的浏览器不支持 HTML5 视频。”）。