audio和 video

简介

HTML5未出来之前,在线的音频和视频都是借助Flash或者第三方工具实现的,而且并不能实现控制,所以要实现起来很麻烦。,现在HTML5也支持了这方面的功能。在一个支持HTML5的浏览器中,不需要安装任何插件就能播放音频和视频。原生的支持音频和视频,为HTML5注入了巨大的发展潜力。

image.png
image.png

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)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容