function movie_handleProgress() {
   const movie_percent = (movie_video.currentTime / movie_video.duration) * 100;
   movie_progressBar.style.flexBasis = `${movie_percent}%`;
   var movie_current = document.getElementById("movie-current");
   var movie_timeDuration = document.getElementById("movie-duration");
   // curr mins spend
   var movie_currmins = Math.floor(movie_video.currentTime / 60);

   // curr secs spend
   var movie_currsecs = Math.floor(movie_video.currentTime - movie_currmins * 60);

   // total mins
   var movie_durmins = movie_video.currentTime==0?0:Math.floor(movie_video.duration / 60);

   //total secs
   var movie_dursecs = movie_video.currentTime==0?0:Math.floor(movie_video.duration - movie_durmins * 60);

   if (movie_currsecs < 10) {
      movie_currsecs = "0" + movie_currsecs;
   }
   if (movie_dursecs < 10) {
      movie_dursecs = "0" + movie_dursecs;
   }
   if (movie_currmins < 10) {
      movie_currmins = "0" + movie_currmins;
   }
   if (movie_durmins < 10) {
      movie_durmins = "0" + movie_durmins;
   }
   movie_current.innerHTML = movie_currmins + ":" + movie_currsecs + " / ";
   movie_timeDuration.innerHTML = movie_durmins + ":" + movie_dursecs;
}
// handle progress and timer on time update event
handle progress and timer on time update event
handle progress and timer on time update event
function movie_handleProgress() {
   const movie_percent = (movie_video.currentTime / movie_video.duration) * 100;
   movie_progressBar.style.flexBasis = `${movie_percent}%`;
   var movie_current = document.getElementById("movie-current");
   var movie_timeDuration = document.getElementById("movie-duration");
   var movie_currmins = Math.floor(movie_video.currentTime / 60);
   var movie_currsecs = Math.floor(movie_video.currentTime - movie_currmins * 60);
   var movie_durmins = movie_video.currentTime==0?0:Math.floor(movie_video.duration / 60);
   var movie_dursecs = movie_video.currentTime==0?0:Math.floor(movie_video.duration - movie_durmins * 60);
   if (movie_currsecs < 10) {
      movie_currsecs = "0" + movie_currsecs;
   }
   if (movie_dursecs < 10) {
      movie_dursecs = "0" + movie_dursecs;
   }
   if (movie_currmins < 10) {
      movie_currmins = "0" + movie_currmins;
   }
   if (movie_durmins < 10) {
      movie_durmins = "0" + movie_durmins;
   }
   movie_current.innerHTML = movie_currmins + ":" + movie_currsecs + " / ";
   movie_timeDuration.innerHTML = movie_durmins + ":" + movie_dursecs;
}
function movie_handleProgress ( ) { const movie_percent = ( movie_video . currentTime / movie_video . duration ) * 100 ; movie_progressBar . style . flexBasis = ` ${ movie_percent } ` ; var movie_current = document . getElementById ( "movie-current" ) ; var movie_timeDuration = document . getElementById ( "movie-duration" ) ; var movie_currmins = Math . floor ( movie_video . currentTime / 60 ) ; var movie_currsecs = Math . floor ( movie_video . currentTime - movie_currmins * 60 ) ; var movie_durmins = movie_video . currentTime == 0 ? 0 : Math . floor ( movie_video . duration / 60 ) ; var movie_dursecs = movie_video . currentTime == 0 ? 0 : Math . floor ( movie_video . duration - movie_durmins * 60 ) ; if ( movie_currsecs < 10 ) { movie_currsecs = "0" + movie_currsecs ; } if ( movie_dursecs < 10 ) { movie_dursecs = "0" + movie_dursecs ; } if ( movie_currmins < 10 ) { movie_currmins = "0" + movie_currmins ; } if ( movie_durmins < 10 ) { movie_durmins = "0" + movie_durmins ; } movie_current . innerHTML = movie_currmins + ":" + movie_currsecs + " / " ; movie_timeDuration . innerHTML = movie_durmins + ":" + movie_dursecs ; }
handle progress and timer on time update event
handle progress and timer on time update event
// curr mins spend // curr secs spend // total mins //total secs