在网页中嵌入视频:
用video
播放控件:
加入controls属性
自动播放:
加入autoplay属性,chrome浏览器并不会自动播放,但静音后可以自动播放
静音播放:
加入muted属性
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<video src="img/d.mp4" width="544" height="960" controls autoplay muted>非常抱歉</video>
</body>
</html>
视频预加载:
preload属性,有三个属性,分别为
- auto:让浏览器尽快加载视频
- metadata:加载视频的元数据,比如视频的宽度、高度、第一帧影像、视频的总长度等等,
- none:不会预加载,也就是不会加载任何东西
封面:
默认情况下,视频的第一帧影像就是视频的封面,但可以用poster属性来定制封面
循环:
加入loop属性,视频会循环播放
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<video src="img/d.mp4" width="544" height="960" controls poster="img/a.png" loop>非常抱歉</video>
</body>
</html>