简介
HTML5未出来之前,在线的音频和视频都是借助Flash或者第三方工具实现的,而且并不能实现控制,所以要实现起来很麻烦。,现在HTML5也支持了这方面的功能。在一个支持HTML5的浏览器中,不需要安装任何插件就能播放音频和视频。原生的支持音频和视频,为HTML5注入了巨大的发展潜力。
HTML5中的视频,使用video和source搭配,来解决浏览器视频格式兼容问题,如果都不支持,可以在video里面写提示语
<vedio>
<source src="视频格式"/>
<source src="视频格式"/>
<source src="视频格式"/>
</vedio>
Video支持的视频格式 MP4 :目前比较主流 OGG :多用于移动端 WebM :目前唯一支持超高清格式,在HTML页面中支持超高清格式HTML5
vedio元素的属性 src :视频路径 autoplay :自动播放 controls :提供视频播放的控制面板,只有属性名,没有属性值 loop :视频的循环播放 poster :在视频播放之前,显示一张图片 width/height :设置显示视频的宽度和高度
标签的js接口
play() => 播放
pause() => 暂停
duration => 长度(s)
volume => 音量
muted => 静音(boolean)