Работа с onStateChange на плеере Youtube - PullRequest
Новая
       36

Работа с onStateChange на плеере Youtube

1 голос
/ 23 мая 2011

Я пытался использовать свойство onStateChange видео на Youtube, и не смог заставить его работать. Я много искал по нему, но не мог понять, как это работает. Вот код, который я попробовал, я добавил console.log, который не вызывается. Кто-нибудь может мне помочь?

Это мой код: 

    <script type="text/javascript">
        function onYouTubePlayerReady(playerId) {
            var player = document.getElementById("YTplayer");
            player.addEventListener("onStateChange", "onplayerStateChange");
        }

        function onplayerStateChange(newState) {
            console.log('test');
        }
    </script>
        <object style="height: 390px; width: 640px">
            <param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3">
            <param name="allowFullScreen" value="true">
            <param name="allowScriptAccess" value="always">
            <embed 
                src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3" 
                type="application/x-shockwave-flash" 
                allowfullscreen="true" 
                allowScriptAccess="always" 
                width="640" height="390"
                id="YTplayer">
        </object>

1 Ответ

1 голос
/ 27 марта 2012

Вы должны определить идентификатор в праметре playerapiid или использовать его в обратном вызове onYouTubePlayerReady 

<object style="height: 390px; width: 640px">
        <param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&playerapiid=YTplayer">
        <param name="allowFullScreen" value="true">
        <param name="allowScriptAccess" value="always">
        <embed 
            src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&playerapiid=YTplayer" 
            type="application/x-shockwave-flash" 
            allowfullscreen="true" 
            allowScriptAccess="always" 
            width="640" height="390"
            id="YTplayer" />
</object>
...