Jquery Plugin 找出网页中的视频被观看了多长时间

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);
}