Javascript 检测 YouTube 视频何时结束

在开发网页或者应用时，我们经常需要获取视频的播放状态。在本文中，我们将探索如何使用 Javascript 监听 YouTube 视频何时结束。

1. 使用回调函数

可以使用 YouTube API 提供的 onPlayerStateChange 事件来检测视频的播放状态。当视频播放结束时，事件会触发，我们可以在回调函数中编写相应的代码。

function onYouTubePlayerReady(playerId) {
  var player = document.getElementById(playerId);

  player.addEventListener('onStateChange', function(event) {
    if(event.data === 0) {
      console.log('视频播放结束');
    }
  });
}

2. 使用 setInterval 函数

我们也可以使用 JavaScript 的 setInterval 函数来定时检测视频的播放状态。在每个指定的时间间隔内检测一次，如果视频状态为结束时，我们可以执行相应的代码。

var checkVideoEnd = setInterval(function() {
  if(player.getPlayerState() === 0) {
    console.log('视频播放结束');
    clearInterval(checkVideoEnd);
  }
}, 1000);

总结

在本文中，我们学习了如何使用回调函数或者 setInterval 函数来检测 YouTube 视频何时结束。无论使用哪种方法，都可以轻松地检测视频状态并执行相应的代码。