javascript - 播放后隐藏 YouTube 视频

Question

我有一个网页，我为它制作了一个视频。对于 HTML5 格式(webm、ogg、mp4)，只有 Chrome 才能正常工作。视频播放完毕后，我可以使用 JavaScript 隐藏视频。我以为我可以用 youtube 播放器制作(自动播放、隐藏控件等)，但完成后我无法隐藏它。我找到了“onStateChange 函数，但我无法使用它。有什么想法吗？

<iframe width="840" height="630" src="URLrel=0&showinfo=0;&autoplay=1;controls=0" frameborder="0" allowfullscreen></iframe>

Answer 1

您需要使用 YouTube Iframe Player API 在 onPlayerStateChange 时检查 (1) 视频是否已结束 (YT.PlayerState.ENDED) code> 被调用，并且 (2) 删除/隐藏包含视频的 DOM 元素，即 iframe。

function onPlayerStateChange(event) {
    // check if video ended and remove player
    if (event.data == YT.PlayerState.ENDED) {
      console.log($('#player').remove());
      done = true;
    }
  }

这里有一个完全有效的解决方案:http://jsfiddle.net/jibietr/ua57A/1/