video标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
video{
/* display: inline-block; */
margin-left: 15%;
text-align: center;
width:70% ;
margin-left: 10px auto;
}
h1,p{
color: slateblue;
text-align: center;
}
</style>
</head>
<body>
<h1>Mojito</h1>
<p>周杰伦</p>
<video src="meida/Mojito.mp4" autoplay="autoplay" muted="muted"
controls="controls" loop="loop" poster="meida/jaychou.jpg" ></video>
</div>
</body>
</html>
\video标签仅支持三种格式视频:MP4 WebM Ogp
autoplay:设置自动播放,谷歌浏览器不可自动播放视频,在设置静音以后可自动播放,但没有声音
muted:视频静音
controls:显示视频播放控件
loop:循环播放
poster:在视频未加载完成时候视频播放区域显示的图片
导入周杰伦Mojito mv