获取正在播放的 html5 视频的暂停/突然结束时间

Posted

技术标签:

【中文标题】获取正在播放的 html5 视频的暂停/突然结束时间【英文标题】:Getting the pause/abrupt end time of a playing html5 video 【发布时间】:2019-11-06 20:07:09 【问题描述】:

我有一个 html 格式的视频播放列表。我想要做的是获取用户在每个视频上花费的时间。所以我在看视频一,一旦开始,你就点击视频二。

那么现在如何检测视频一的结束时间(最后位置)。

我的想法

我实际上正在考虑创建一个间隔(可能是一秒)来记录播放视频的 currentTime,然后在新视频加载之前在视频切换上,可能通过 loadstart 方法或 loaddata 方法将 currenttime 值存储到一个变量,将其发送到数据库。

那么这是一个好方法还是有更好的方法?

另一个问题是哪个事件在视频获取源的那一刻触发我的意思是第一个触发的事件?提前谢谢你。

【问题讨论】:

【参考方案1】:

您可以尝试获取视频暂停/突然播放的当前时间,并根据您的要求计算总时间。

document.getElementById("myVideo").currentTime

【讨论】:

我知道。我想知道我提到的获取先前观看视频的时间的方式是否正确,即使它可能只有几分之一秒。加上我应该使用 loadStart 或 loadedData 哪种方法?

以上是关于获取正在播放的 html5 视频的暂停/突然结束时间的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 检测 HTML5 视频播放/暂停状态

仅在视频播放时进行视频控制 (html5)

检测 HTML5 视频是不是正在播放或暂停,并相应地显示或隐藏 Div

暂停 HTML5 视频时显示海报图像或暂停按钮?

html5 播放事件与视频标签中的播放事件

Html5 视频。暂停 20 秒后重置播放器