这篇博客详细介绍了HTML5中多媒体元素audio和video的基础用法，包括autoplay、controls、preload等属性的解释，以及播放速率、音量控制、资源链接的获取和状态监听等关键知识点。同时，提到了canPlayType()方法用于检测浏览器对不同资源类型的播放支持，以及play()、pause()等脚本化操作方法。
多媒体
audio音频
video视频
1.基础用法
<audio id="audio" src="#"></audio>
<video id="video" src="#"></video>
属性
autoplay 自动播放
controls 设置控件
preload(none/metadata/auto) 预加载
node 不需要加载数据
metadata 元数据 诸如时长、比特率、帧大小这样的原数据而不是媒体内容需要加载的
auto 浏览器应当加载它认为适量的媒体内容
loop 是否循环播放音/视频
poster (video 独有)
当视频不可用时，使用一张图片替代，否则是空白
<video src="" poster="封面.jpg" controls></video>
不同浏览器效果不一统一效果截取使用第一屏图像为封面
音量volume属性
表示播放音量，介于0(静音)~1(最大音量)之间，默认1。将muted属性设置为true则会进入静音模式，设置为false则会恢复之前指定的音量继续播放。
超过范围会报错[0, 1]
播放速率 playbackRate
最低0.47元/天 解锁文章
1106
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
