https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Media_events
https://www.w3school.com.cn/tags/av_event_canplaythrough.asp
定义和用法
当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频时,会发生 canplaythrough 事件。
当音频/视频处于加载过程中时,会依次发生以下事件:
loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough
https://www.jianshu.com/p/a1bf52eb3040
loadstart 可用于判断当前浏览器是否支持自动load和自动播放,如不支持,则需要考虑hack方法
durationchange 时长数据发生变化
loadedmetadata 载入元数据 包括宽高和时长,此时如果元素宽高未指定,则会自适应宽高
loadeddata 当前帧的数据已加载,但没有足够的数据来播放指定音频/视频的下一帧时
progress 正在下载
canplay 部分可播放,此时播放按钮变为可点击状态
canplaythrough 已经全部加载完毕,可以完整播放