在播放时获取 youtube 视频的当前时间

Question

当我播放这样的 Youtube 视频时：

https://www.youtube.com/tv?#/watch/video/control?v=d1-VK12FZhs&resume&t=0m4s

我在视频底部看到了播放时间和持续时间。

我可以知道当前播放时间在页面中查找：

0:11

一段时间后，此信息将被隐藏，直到我再次将鼠标指针移到视频上。

显示信息时，我可以每秒更新 ytp-time-current 值。 隐藏信息时，不会更新此值。 信息隐藏时如何获取当前时间？

我在带有此代码的 chrome 扩展中使用它：

document.addEventListener("spfdone", process); 
document.addEventListener("DOMContentLoaded", process); 

function process(){ 
stop(); 
start(); 
} 
window.onbeforeunload = function () { 
stop(); 
}; 

function start(){ 

x2 = setInterval(function() { 

// here is the place to use the solution i'm looking for

},1000); 
} 

function stop(){ 
}

提前致谢。

Answer 1

根据 YouTube iframe api，您可以使用：getCurrentTime()。

在chrome控制台中写下如下代码即可：

document.querySelector('.video-stream').getCurrentTime()

Answer 2

这是您要显示的内容的完整解决方案：

var player = document.getElementById('movie_player');
var time = player.getCurrentTime();
var sec_num = parseInt(time, 10);
var hours   = Math.floor(sec_num / 3600);
var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
var seconds = sec_num - (hours * 3600) - (minutes * 60);
if (hours < 10)
   hours = '0' + hours;
if (minutes < 10)
   minutes = '0' + minutes;
if (seconds < 10)
   seconds = '0' + seconds;
alert(hours + ':' + minutes + ':' + seconds);