HTML5视频:需要使用javascript查找从“播放”到“暂停”的观看时间
我需要找到从用户单击播放到单击暂停的HTML视频的观看时间;目前,我发现只有currentTime有这样的代码,但这不是我需要的:HTML5视频:需要使用javascript查找从“播放”到“暂停”的观看时间,javascript,html,video,html5-video,Javascript,Html,Video,Html5 Video,我需要找到从用户单击播放到单击暂停的HTML视频的观看时间;目前,我发现只有currentTime有这样的代码,但这不是我需要的: $("video").on('timeupdate', function(){ console.log(this.currentTime); }); 视频播放时,将ms值存储到元素数据开始属性中 在视频暂停时,计算Date.now和data start的差值 将累积ms结果存储到数据viewtime属性中,以供以后参考和添加。 cons
$("video").on('timeupdate', function(){
console.log(this.currentTime);
});
视频播放时,将ms值存储到元素数据开始属性中
在视频暂停时,计算Date.now和data start的差值
将累积ms结果存储到数据viewtime属性中,以供以后参考和添加。
const EL_video=document.querySelectorvid;
EL_video.addEventListenerplay,=>{
EL_video.dataset.start=Date.now;
};
EL_video.addEventListenerpause,=>{
const diff=Date.now-EL_video.dataset.start;
EL_video.dataset.viewtime=+EL_video.dataset.viewtime | 0+diff;
log`Total view time:${EL_video.dataset.viewtime}ms`;
};
视频{最大高度:150px;}