onStateChange用新元素youtube chromeless替换class元素

Question

提及的问题：http://jsfiddle.net/yusaf/VVEY9/55/

当视频播放器状态发生变化以便onStateChange(0)即视频已结束时，如何隐藏.pause元素并添加重播按钮以启动视频，重启后再显示{ {1}}元素

.pause

Answer 1

首先，您需要使用Youtube API iframe或flash。为什么？只是因为您当前的代码不符合crossbrowser。此外还有很多方法和助手可供使用。

其次，您可以使用其中一个提到的API分配onPlayerStateChange函数，这些API将在视频结束时调用（在iframe api上，您可以使用某些预定义的常量，例如YT.PlayerState.ENDED

在http://code.google.com/apis/ajax/playground/#polling_the_player

检查演示

代码应类似于：

function onPlayerStateChange(evt) {
    if (evt.data == YT.PlayerState.ENDED) {
          // do your jQuery login to hide and blah blah here.
    }
}