Breaking News: Grepper is joining You.com. Read the official announcement!

How to check if the user watched full video or for how long did the user watch the video on html player

Gul Ali answered on July 31, 2022 Popularity 3/10 Helpfulness 8/10

answer How to check if the user watched full video or for how long did the user watch the video on html player

How to check if the user watched full video or for how long did the user watch the video on html player

Comment

var video = document.getElementById("video");

var timeStarted = -1;
var timePlayed = 0;
var duration = 0;
// If video metadata is laoded get duration
if(video.readyState > 0)
  getDuration.call(video);
//If metadata not loaded, use event to get it
else
{
  video.addEventListener('loadedmetadata', getDuration);
}
// remember time user started the video
function videoStartedPlaying() {
  timeStarted = new Date().getTime()/1000;
}
function videoStoppedPlaying(event) {
  // Start time less then zero means stop event was fired vidout start event
  if(timeStarted>0) {
    var playedFor = new Date().getTime()/1000 - timeStarted;
    timeStarted = -1;
    // add the new number of seconds played
    timePlayed+=playedFor;
  }
  document.getElementById("played").innerHTML = Math.round(timePlayed)+"";
  // Count as complete only if end of video was reached
  if(timePlayed>=duration && event.type=="ended") {
    document.getElementById("status").className="complete";
  }
}

function getDuration() {
  duration = video.duration;
  document.getElementById("duration").appendChild(new Text(Math.round(duration)+""));
  console.log("Duration: ", duration);
}

video.addEventListener("play", videoStartedPlaying);
video.addEventListener("playing", videoStartedPlaying);

video.addEventListener("ended", videoStoppedPlaying);
video.addEventListener("pause", videoStoppedPlaying);

Popularity 3/10 Helpfulness 8/10 Language whatever

Source: stackoverflow.com

Tags: html video watch whatever

Link to this answer
Share Copy Link

Contributed on Jul 31 2022

Gul Ali

0 Answers Avg Quality 2/10

How to check if the user watched full video or for how long did the user watch the video on html player

Contents

More Related Answers

How to check if the user watched full video or for how long did the user watch the video on html player

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.