h5视频如何监听播放事件?

Question

调用 play() 之后到视频播放有时间间隔, 我加了个加载图, 找不到事件隐藏加载图.

判断 video.currentTime 的话 如果没播放就关闭了视频的话, 加载图就没办法取消了.

监听一些事件, 也没找到 ios 和 安卓 都能用的.....### 问题描述

Answer 1

监听timeupdate事件就行，虽然会执行多次，但你可以先判断加载图当前是否显示，显示的话隐藏，不显示就不操作。

Answer 2

canplay事件, 当前帧可以播放时触发。
waiting事件, 要播放下一帧而需要缓冲时触发。
结合使用。

关于关闭/打开视频时和加载图的联动关系,
打开时可以使用loadedmetadata, 确认元数据有效才开始执行业务逻辑并执行加载图的初始化;
直接关闭不确定是关闭网页还是窗口还是dom元素, 不过有初始化，每次打开新的video应该是可以搞定的。