1. `src`:指定视频文件的路径。2. `controls`:添加视频控件,如播放、暂停、音量等。3. `autoplay`:视频在页面加载时自动播放。4. `loop`:视频播放结束后重新开始。5. `muted`:视频在页面加载时默认静音。6. `poster`:在视频加载时显示的图像。7. `width` 和 `height`:视频显示的宽度和高度。8. `preload`:指定视频在页面加载时是否应该被预加载。
```html```
在这个示例中,视频文件名为 `movie.mp4`,视频控件被添加,视频在页面加载时自动播放并循环播放,默认静音,显示 `poster.jpg` 作为封面图像,视频的宽度和高度分别为 640 像素和 360 像素,视频在页面加载时被预加载。
背景介绍
在HTML5之前,网页中嵌入视频主要依赖于第三方插件,如Flash。这不仅增加了网页的加载时间,还影响了用户体验。HTML5的推出,使得开发者可以直接在网页中嵌入视频和音频内容,无需依赖第三方插件。
- 提高用户体验:视频播放更加流畅,加载时间更短。
- 兼容性更强:支持多种视频格式,满足不同用户的需求。
基本语法
```html