Question

我的网站上有一些与健康相关的视频，我需要跟踪观看者观看视频的时间，以便我知道视频对用户有多有趣。可以考虑的场景和帮助跟踪“多长时间” -

a）如果用户访问了同一页面中的其他页面或其他部分 b）如果用户故意停止/暂停视频 c）如果用户在视频播放时最小化或关闭页面

我正在寻找一个JQuery插件，它可以验证所有上述场景，而不是编码每个场景（使用事件和处理程序）并最终集成它们。任何人都可以提出这样的插件，可以帮助和实现我的目的。

提前致谢..！

Answer 1

<强> HTML

<video
id="video-active"
class="video-active"
width="640"
height="390"
controls="controls">
<source src="myvideo.mp4" type="video/mp4">

<div id="current">0:00</div>
<div id="duration">0:00</div>

<强>的JavaScript

$(document).ready(function()
{
  $("#video").on("timeupdate", function(event)
  {  
    onTrackedVideoFrame(this.currentTime, this.duration);
  });
}

function onTrackedVideoFrame(currentTime, duration)
{
  $("#current").text(currentTime);
  $("#duration").text(duration);
}

Jquery插件，用于查看网页中的视频已被观看多长时间

1 个答案: