视频:<video>
使用video可以方便在页面中插入视频,而不再去使用Flash和其他浏览器插件。HTML5在不使用插件的情况下,也可以原生的支持视频格式文件的播放,但支持的格式是有限的!
当前<video>元素支持的三种格式:MP4、WebM、Ogg。尽量使用MP4格式,因为MP4格式基本各大浏览器都兼容,其他两种格式部分浏览器、低版本浏览器不兼容!
语法:
<video src="文件地址"></video>
兼容性语法:
<video controls="controls" width="300">
<source src="move.mp4" type="video/mp4">
<source src="move.ogg" type="video/ogg">
您的浏览器暂不支持<video>标签播放视频
</video>
视频video常用属性
属性 | 值 | 描述 |
autoplay | autoplay | 视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题) |
controls | controls | 显示播放控件 |
width | 设置播放器宽度 | |
height | 设置播放器高度 | |
loop | loop | 播放完视频是否继续播放该视频(循环播放) |
preload | auto(预先加载视频) none(不应加载视频) | 规定是否预加载视频(如果有了autoplay就忽略该属性) |
src | url | 视频url地址 |
poster | imgurl | 加载等待的画面图片 |
muted | muted | 静音播放 |
版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!
转载请注明:转载于37.2度云笔记