为了账号安全,请及时绑定邮箱和手机立即绑定

多媒体组件audio和video

标签:
Html5

html5中引入了audio和video来播放音频和视频,任意支持html5的浏览器都可以使用
比较常用的属性
src:媒体路径
autoplay:自动播放
preload:预加载
poster(video独有属性):在视频不可用时展示一张图片,避免一片空白
loop:循环
controls:是否为视频音频添加浏览器自带的播放用的控制条
played,paused.ended:读取播放状态,played表示是否正在播放,paused 表示是否暂停,ended表示是否播放完毕
volume和muted:volume用来设置和获取播放音量,范围为0到1,0表示静音,1为最大音量,muted表示是否静音,true表示静音,false表示没有
比较常用的方法
play:播放
pause:暂停
load:重载
canPlayType:用来判断浏览器是否识别指定的媒体类型,用法;videoElement.canPlayType(type)
比较常用的事件
play:监听播放事件,使用play方法或autoplay时触发
pause:监听暂停
ended:监听播放结束,停止播放事件

字幕组件:track

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消