<video>标签
<video>格式一:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>video标签</title>
<base target="_self">
</head>
<body>
<video src="视频地址"></video>
</body>
</html>
<video>格式二:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>video标签</title>
<base target="_self">
</head>
<body>
<video>
<source src="" type=""></source>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
</body>
</html>
<video>标签中的属性:
src : 指明视频的文件位置。
autoplay : 设置视频是否自动播放。
controls : 设置视频控制按钮(暂停、播放、快进、全屏、进度条)。
poster : 当视频不设置自动播放的时候,poster是用来设置视频占位图的,进入视频之前的图片。
preload : 设置视频为预加载。注意项:preload 与 autoplay相冲(排斥),如果视频之前设置了autoplay属性,再设置preload属性,preload属性将失效。
loop:设置视频是否在播放完后循环播放。(此属性常常用在网页里面的广告,在网页四个角落的小广告)。
width与height : 设置视频的长宽。
<voide>格式二的优势:
因为五大浏览器没有一个能够满足所有的视频格式,所以w3c提出了video的第二种格式,就是为了满足所有的浏览器。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>video标签</title>
<base target="_self">
</head>
<body>
<video width="" height="" poster="" controls="" autoplay="" preload="">
<source src="x.ogg" type="video/ogg"></source>
<source src="x.mp4" type="video/mp4"></source>
<source src="x.WebM" type="video/WebM"></source>
</video>
<!--在w3c上面看用法-->
</body>
</html>