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