资讯专栏INFORMATION COLUMN

记一些常用的video事件

FWHeart / 712人阅读

摘要:之前对的标签有过一阵子研究,主要用来判断视频文件在播放时事件触发的顺序。罗列了下实际有用的事件属性元数据包括时长,尺寸以及文本轨道当前帧数据可用,可以播放当前及至少下一帧是可以播放的

之前对html的video标签有过一阵子研究,主要用来判断视频文件在播放时事件触发的顺序。

罗列了下实际有用的事件属性:

loadstart: happened after load() method. The UA begins looking for media data.
durationchange: get the duration info of the media
loadedmetadata: The UA has determined the duration and dimesion(元数据包括:时长,尺寸以及文本轨道)
loadeddata: 当前帧数据可用,for the first time
progress: The UA is fetching media data
canplay: 可以播放当前及至少下一帧是可以播放的, readyState is newly to HAVE_Future_DATA
canplaythrough: readyState is newly to HAVE_ENOUGH_DATA
play: paused is newly false, after()
pause: paused is newly true
playing: playback is ready to start after having been paused or delayed due to lack of media data(readyState is equal to or greater than HAVE_FUTURE_DATA)
abort: UA stops fetching media data before it is completely download but not due to an error
waiting: Playback has stopped because the next frame is not available but UA expects that frame to become avaiable in due course
suspend: UA is intentionally not fetching media data currently

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49576.html

相关文章

  • 常用H5

    摘要:笔记了解属于上一代的新迭代语言,设计最主要的目的是为了在移动设备上支持多媒体例如标签和及标记新特性取消了过时的显示效果标记和新表单元素引入新语义标签的引入标签图形设计本地数据库本地存储一些好处跨平台HTML5笔记 了解HTML5 ☞HTML5属于上一代HTML的新迭代语言,设计HTML5最主要的目的是为了在移动设备上支持多媒体!!!   例如: video 标签和 audio 及 canv...

    dabai 评论0 收藏0
  • video在安卓与ios实际应用中遇到问题及解决

    摘要:中在安卓与实际应用中遇到的问题及解决安卓和对于中的兼容一直是大问题,各种不一样,体验还很差。参考视频播放踩坑小计中在安卓与实际应用中遇到的问题及解决视频标签的一些特殊属性详解微信中同层播放器接入教程标签在微信浏览器的问题解决方法 html5中video在安卓与ios实际应用中遇到的问题及解决 安卓和IOS对于html5中的video兼容一直是大问题,各种不一样,体验还很差。这段时间做一...

    AlphaGooo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<