的Youtube視頻API

Question

我已經使用在JavaScript

YouTube視頻的API和播放暫停和停止事件我已經使用

現在，我得到其所佔比重合計觀看時間， 但我的主要問題總電流時間是這樣的：

觀看視頻幾秒鐘快進，然後再觀看幾秒鐘，看看它是什麼時間記錄....如果我觀看視頻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(); 
}