Javascript 如何在Youtube视频结束时生成警报（无自动播放）

我正在使用Youtube API，以便使用以下示例生成视频：

HTML:

以及以下HTML代码：

<a id="play-video" href="#">Play Video</a>

执行时，单击链接时播放视频。但是，在视频结束时，应弹出警报，通知视频结束

只有通过视频中心的默认Youtube播放按钮播放视频时，才会显示此警报。但是，如果通过“播放视频”链接播放，则不会显示警报

你知道我会错过什么吗

---

谢谢

要检查视频是否已播放完毕，可以执行此操作

player.addEventListener("onStateChange", function(state){
    if(state === 0){
        // video has finished playing
    }
});

---

嘿，你能做的就是在播放视频链接上调用播放器的内置api

playVideo（）

方法。参考

我所改变的是你的播放视频链接点击收听这个，它给了我预期的结果，因为你会要求

$('#play-video').on('click', function(ev) {
      if(player){
          player.playVideo();
      }
      ev.preventDefault();
});

请找到相同的演示

试试这个

$(document).ready(function() {
  $('#play-video').on('click', function(ev) {
    $("#player")[0].src += "&autoplay=1";
    onYouTubePlayerAPIReady();
    ev.preventDefault();
  }); 
 });

---

你好，阿提莫汉。谢谢你的快速回复。我不确定应该在哪里添加此代码。Youtube API已经有了onPlayerStateChange函数。请检查我的答案，这会有所帮助

player.addEventListener("onStateChange", function(state){
    if(state === 0){
        // video has finished playing
    }
});

$('#play-video').on('click', function(ev) {
      if(player){
          player.playVideo();
      }
      ev.preventDefault();
});

$(document).ready(function() {
  $('#play-video').on('click', function(ev) {
    $("#player")[0].src += "&autoplay=1";
    onYouTubePlayerAPIReady();
    ev.preventDefault();
  }); 
 });