0

我有一个绝对放置的 div，其中嵌入了 YouTube 视频。我将它放在我网站上的另一张图片上，目的是向首次访问者展示一段短视频，然后隐藏带有视频的 div 以显示页面的原始内容。

我知道如何通过点击事件隐藏和显示我的 div，但我对 Javascript 非常陌生。我需要帮助编写确定 YouTube 视频已结束并将可见性：隐藏到我的 div 的函数。任何帮助是极大的赞赏！

4

1 回答 1

1

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

你将使用

onStateChange：每当玩家的状态发生变化时都会触发此事件。可能的值是未开始 (-1)、结束 (0)、播放 (1)、暂停 (2)、缓冲 (3)、视频提示 (5)。首次加载 SWF 时，它将广播未启动 (-1) 事件。当视频被提示并准备好播放时，它将广播视频提示事件 (5)。

当 state 等于 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 时遇到问题，请查看YouTube 播放器 api - addEventListener() 对我不起作用？

addEventListener 看起来它不受早期版本的 IE 支持，并且可能有点错误

于 2012-04-10T21:48:58.577 回答