Javascript YouTube视频结束时隐藏Div

我有一个绝对位置的div，里面嵌入了YouTube视频。我把它放在我网站上的另一张图片上，目的是给初次访问的人看一段短视频，然后用视频隐藏div以显示页面的原始内容

---

我知道如何通过单击事件隐藏和显示我的div，但我对Javascript非常陌生。我需要帮助写的功能，将确定YouTube视频已结束，并应用可见性：隐藏到我的div。任何帮助是非常感谢

您需要仔细查看，特别注意事件部分

您将使用

声明更改： 只要玩家的状态发生变化，就会触发此事件。可能的值包括未开始（-1）、结束（0）、播放（1）、暂停（2）， 缓冲（3），视频提示（5）。当SWF首次加载时，它将 广播一个未开始的（-1）事件。当视频提示并准备好播放时 播放它将播放视频提示事件（5）

当状态等于0时，你会想做一些事情，这意味着结束，类似于下面的事情：

// attach your listener
    function onYouTubePlayerReady(playerId) {
      var ytplayer = getElementById("myytplayer");
      ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
    }
// your callback function   
    function onytplayerStateChange(newState) {
       if (newState === 0){
            $('yourContainingDiv').hide();
            // or if you want to just remove it...
            $('yourContainingDiv').remove();
       }
    }

如果您在使用addEventListener时遇到问题，请查看

---

addEventListener看起来不受早期版本IE的支持，可能有点问题

谢谢！不过，我有一个问题，addEventListener没有启动。我试着在同一个{}内添加一个警报，但它从未出现过。你知道我做错了什么吗？我已经尝试删除我正在使用的所有其他JS文件，并移动其中的元素和swfobject.JS，但似乎没有任何帮助。请查看我的编辑并将您的ytplayer=$（“#myytplayer”）更改为ytplayer=getElementById（“myytplayer”）；