Блог

На моем веб-сайте есть несколько видеороликов, связанных со здоровьем, и мне нужно отслеживать, как долго зритель смотрел видео, чтобы я мог знать, насколько интересным видео было для пользователя. Сценарии, которые можно рассмотреть и помочь в отслеживании «как долго», могут быть —

а) Если пользователь перешел на другую страницу или в какой-либо другой раздел на той же странице б) Если пользователь намеренно остановил видео c) Если пользователь сворачивает или закрывает страницу, когда видео все еще воспроизводится

Я ищу плагин jQuery, который может проверять все вышеупомянутые сценарии, а не кодировать для каждого из сценариев (используя события и обработчики) и, наконец, интегрировать их. Может ли кто-нибудь предложить такой плагин, который может помочь и послужить моей цели.

Заранее спасибо ..!

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