Youtube видео апи в JavaScript

Question

Я использовал видео API YouTube в JavaScript

И играть паузу и остановить события я использовал

Теперь я получил общее текущее время, общая наблюдал время, но моя главная проблема заключается в следующем:

Посмотрите видеоролик в течение нескольких секунд и ускорьтесь вперед, затем просмотрите еще несколько секунд и посмотрите, во сколько он записывается .... Если я смотрю видео в течение 5 секунд, а затем перейдите на минутку 10 и смотрите еще 5 секунд, время, когда я на самом деле смотрел видео, составляет 10 секунд, а не 10 минут.

Вот мой код:

function onytplayerStateChange(event) 
{ 
    //alert("Status=>"+event.data); 
    if(event. data == 1) { 
     if(Math.floor(event.target.A.currentTime) == 0) { 
      previous_track_time = current_track_time = 0; 
      total_track_time = event.target.A.duration; 
     } else { 
      previous_track_time = current_track_time; 
      current_track_time = event.target.A.currentTime; 
     } 
    } 
    if(event.data == 2) 
    { 
     current_track_time = event.target.A.currentTime; 
     total_track_time =(event.target.A.duration-(current_track_time-previous_track_time)); 
     previous_track_time = current_track_time; 
    } 
} 

Вы можете исправить это, пожалуйста?

Answer 1

Если вы хотите, чтобы время просматривалось только на видео пользователем, вам нужно использовать счетчик. Я также упрощаю ваш код.

Функция onPlayerStateChange:

function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING) { 
     //player play 
     timer = setInterval(
      function() { 
      seconds++; 
      console.log("you watch: "+ seconds +" seconds of the video"); 
      }, 1000 
     ); 
    } else { 
     //player pause 
     clearInterval(timer); 
    } 
} 

Выход: У меня есть видеть только 8 секунд видео, первые 4 секунды и 4 секунды на 2:03

Существует live example (ОБНОВЛЕНО)

Полный код:

var tag = document.createElement('script'); 

tag.src = "https://www.youtube.com/iframe_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

// 3. This function creates an <iframe> (and YouTube player) 
// after the API code downloads. 
var player; 

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: 'l-gQLqv9f4o', 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
} 

// 4. The API will call this function when the video player is ready. 
var seconds = 0; 
var timer; 
function onPlayerReady(event) { 
    event.target.playVideo(); 

} 

function onPlayerStateChange(event) { 
    if (event.data == YT.PlayerState.PLAYING) { 
     //player play 
     timer = setInterval(
      function() { 
      seconds++; 
      console.log("you watch: "+ seconds +" seconds of the video"); 
      }, 1000 
     ); 
    } else { 
     //player pause 
     clearInterval(timer); 
    } 
} 

function stopVideo() { 
    player.stopVideo(); 
}