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>