video标签
我们之前只能处理两种数据:1,文本数据,2,图片数据
现在我们来看一下什么是video标签?
作用:播放视频
格式:
<video src=""></video>
案列1:video标签的应用场景
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>video</title>
</head>
<body>
<video autoplay="autoplay" controls="controls" src="mp4/a.mp4" poster="img/a.png"></video>
</body>
</html>
运行如图所示:

video标签的属性:
src:用于告诉video标签需要播放的视频地址。
autoplay:用于告诉video标签是否需要自动播放视频。
controls:用于告诉video是否需要显示控制条。
poster:视频没有播放之前显示占位图片。
loop:用于广告视频,用于告诉video标签视频播放后是否需要循环播放。
<video autoplay="autoplay" src="mp4/a.mp4" loop="loop"></video>
preload:用于预加载视频,但是需要注意preload和autoplay相冲,如果设置autopley属性,preload失效。
muted:静音
width:视频播放的宽度
height:视频播放的高度
网友评论