HTML5新增视频标签<video>
,支持三种视频格式:MP4/WebM/Ogg,尽量使用mp4格式,因为浏览器支持的好。
自动播放属性autoplay、静音属性muted
在很多浏览器中,如果不加上muted属性,不会自动播放。
controls属性:向用户显示播放控件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video src="media/dzh.mp4" autoplay muted controls></video>
</body>
</html>
设置width
loop属性:循环播放
poster属性:海报帧图片 URL
海报帧图片 URL,用于在视频处于下载中的状态时显示。如果未指定该属性,则在视频第一帧可用之前不会显示任何内容,然后将视频的第一帧会作为海报(poster)帧来显示。