javascript - Youtube javascript api onStateChange 并不总是有效

Question

正如您在我的网站 http://www2.outofscopes.com/test/index.html中看到的那样

我试图让 youtube api 通过提醒它来通知我 onStateChange 中的任何事件。使用这个 javascript：

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

                    alert(event.data);
                }
            }
        });
    }

但是在 chrome 和 firefox（主要是 firefox）中，它仅在重新加载页面时才会发出警报。

为什么会这样？

Answer 1

你可以试试这个。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>

​</p>