在html5中使用视频，只要添加元素<video></video>元素表示。
<video>有几个属性：
- src 指定音频文件的路径
- poster 视频播放之前显示的图片
- width 指定播放器宽度
- height 指定播放器高度
- controls 是否显示播放器控件
- autoplay 是否自动播放
- preload 启用预加载，有3个值。none不加载，auto页面加载时加载视频，metadata表示游览器只需收集少量视频信息。
- loop 循环播放
- 子元素<source> 可以指定多个音频源，同样使用src指定音频文件路径
示例
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html><html> <head> <title>视频</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <video src="video/puppy.mp4" poster="images/puppy.jpg" width="400" height="300" preload controls loop> </video> </body></html> |