如何检测 iframe 视频何时结束？没有 API

Question

我的网站上生成了一个 iframe。 iframe 的 src 是数据库中的视频 ID。我想知道，我怎样才能检测到视频播放完毕。 我嵌入的 youtube 视频：

echo "<iframe width='50%' height='60%' id='cc' src='https://www.youtube.com/embed/" . $data_song[0] . "' frameborder='1' allowfullscreen></iframe><br>";

感谢您的建议。

Answer 1

好的，既然你是用 iframe 来串流 youtube 视频的，那么你想要的就可以通过这个来实现了，

当 Player.Status = 0 时，表示视频已停止。我已经评论了这些，以便您轻松理解。

    <script type="text/javascript">

 var player;

$(document).ready(function () {
    onYouTubePlayerAPIReady();
});


 function onYouTubePlayerAPIReady() {
  player = new YT.Player('ytplayer', {
    events: {
        'onStateChange': getStatus
       }
    });
 }

 var tag = document.createElement('script');
 tag.src = "http://www.youtube.com/player_api";
 var firstScriptTag = document.getElementsByTagName('script')[0];
 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    function getStatus() {

    var sStatus;
    sStatus = player.getPlayerState();

      if (sStatus == -1) {}  //Video has not started yet

      else if (sStatus == 0) {  

      // video has stopped. This is the event that you want

     }
     else if (sStatus == 1) { } //Video is playing
     else if (sStatus == 2) {}  //Video is paused
     else if (sStatus == 3) { } //video is buffering 
     else if (sStatus == 5) { } //Video is cued.
   }

  </script>

Answer 2

如果你使用标签<video>更好。

例如：

你的 HTML

<video id="videoplayer">.

你的 JS

var myvideo = document.getElementById('videoplayer'); myvideo.addEventListener('ended',function() { // The video's callback } ,false);