Youtube javascript api onStateChange并不总是有效

Youtube javascript api onStateChange doesn't always work

本文关键字:有效 javascript api onStateChange Youtube      更新时间:2023-09-26

正如你在我的网站上看到的http://www2.outofscopes.com/test/index.html

我正在尝试通过提醒 youtube API 来通知我onStateChange的任何事件。 使用以下函数:

function onYouTubePlayerAPIReady() {
  player = new YT.Player('player', {
    videoId: '-cSFPIwMEq4',
    events: {
      'onStateChange': function (event) {
        alert(event.data);
      }
    }
  });
}

但是在chrome和Firefox(主要是Firefox(中,它仅在重新加载页面时偶尔发出警报。

为什么会这样呢?

你可以试试这个。 http://jsfiddle.net/NrHdq/

        <iframe src="http://www.youtube.com/embed/-cSFPIwMEq4" onload="floaded()" title="YouTube video player" id="player" allowfullscreen="" frameborder="0" height="400" width="900"></iframe>
<script>
    //onYouTubePlayerAPIReady
    function floaded() {
        player = new YT.Player('player', {
            videoId: '-cSFPIwMEq4',
            events: {
                'onStateChange': function (event) {
                    alert(event.data);
                }
            }
        });
    }
</script>
</body>