Вопрос по javascript – YouTube запускает / останавливает видео

3

Мне было интересно, предоставляет ли встраивание видео YouTube через iframe определенные события, такие как onStart или onStop, где вы можете указать какой-нибудь обратный вызов?

Ваш Ответ

2   ответа
8

HTML-файл (index.html):

<!DOCTYPE html>
<html>
    <head>
        <title>Stackoverflow</title>
        <script type="text/javascript" src="http://www.youtube.com/player_api"> </script>
        <script type="text/javascript" src="sof.js"> </script>
    </head>
    <body>
        <div id="player"></div>
    </body>
</html>

И JavaScript (sof.js):

var player;
// This function creates an <iframe> (and YouTube player)
// after the API code downloads.
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'u1zgFlCw8Aw',
        events: {
            'onStateChange': function (event) {
                switch (event.data) {
                    case -1:
                        console.log ('unstarted');
                        break;
                    case 0:
                        console.log ('ended');
                        break;
                    case 1:
                        console.log ('playing');
                        break;
                    case 2:
                        console.log ('paused');
                        break;
                    case 3:
                        console.log ('buffering');
                        break;
                    case 5:
                        console.log ('video cued');
                        break;
                }
            }
        }
    });
}

Для каждого случая вы можете установить обработчик.

Для дальнейшей информации:

YT Player Getting Started YT Javascript API Events
Отлично, это как раз то, что мне нужно Ace Trajkov
Вы потрясающий Вик. +1 к этому сообщению.
Я написал сообщение в блоге, в котором подробно описан похожий пример YouTube, но придерживаюсь немного другой стратегии:objectpartners.com/2013/08/21/…
1

1 - onStateChange 
2 - onPlaybackQualityChange 
3 - onError 
4 - onApiChange

Обработчики событий:

1- на YouTubePlayerReady (playerid)

Похожие вопросы