javascript - YouTube 播放器 API : getDuration(), getCurrentTime()、getVideoData() 不工作

Question

对于我的应用程序，我尝试使用 YouTube Iframe 播放器 API 来播放视频，并允许用户在不重新加载页面的情况下更改视频。

我使用 player.loadVideoById(video_id) 方法完成此操作。通过 YouTube 视频 ID 加载视频后，我还想捕获有关视频的所有相关信息。但是，我注意到没有任何 get 函数会立即起作用，包括 getDuration()、getCurrentTime() 和 getVideoData()。

我找到了一个使用 setTimout 来在使用 player.loadVideoById(video_id) 后大约 1-2 秒获取信息的简单解决方案，但是，我没有认为这是正确的解决方案。

在我看来，loadVideoById(video_id) 是从 YouTube 异步获取数据。是否有可用的回调函数？我在文档中找不到。请帮忙。

谢谢!

Answer 1

有不少 Events 我认为您可以使用。

这里是一个跟踪 YT.PlayerState.PLAYING 的例子状态，属于 onStateChange事件，基本上是说当前正在播放视频。

player.addEventListener(YT.PlayerState.PLAYING, onVideoPlaying, false);

function onVideoPlaying() {
  console.log('currentTime:', player.getCurrentTime(), 'duration:', player.getDuration());
}

希望这对您有所帮助。