HTML <video>标签和属性,定义视频流
<video>标签
<video>标签可以用于定义HTML文档中的视频。video元素是行内元素,包含起始标签和结束标签。
<video></video>
video元素的属性
属性 | 值 | 描述 |
---|---|---|
src | url | 指定视频的url地址 |
controls | controls | 显示视频控件 |
autoplay | autoplay | 视频加载就绪之后自动播放 |
loop | loop | 指定视频循环播放 |
width | 自定义数值 | 指定视频宽度 |
height | 自定义数值 | 指定视频高度 |
nuted | muted | 视频静音设置 |
poster | url | 指定视频封面 |
preload | preload | 指定视频在页面加载时进行加载,并预备播放,如果设置了autoplay属性,则该属性被忽略 |
video元素实例代码,及在线编辑器
<video controls src='../../static/img/test.mp4' width='100%' height='200px;'></video>
实例代码提示
如上代码,视频的时间长度之所以显示为0,是因为网站的服务器上并没有存在test.mp4的文件。