HTML5视频标签

视频:<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常用属性

属性描述
autoplayautoplay视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题)
controlscontrols显示播放控件
width设置播放器宽度
height设置播放器高度
looploop播放完视频是否继续播放该视频(循环播放)
preloadauto(预先加载视频)
none(不应加载视频)
规定是否预加载视频(如果有了autoplay就忽略该属性)
srcurl视频url地址
posterimgurl加载等待的画面图片
mutedmuted静音播放

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

您的电子邮箱地址不会被公开。

微信
通知:站点改版中,敬请期待