Playlist com Youtubil

O Youtube fornece uma API para tratar os videos e playlists em HTML. Para usa-la basta fazer duas coisinhas.
No html:

<div id="ytplayer" class="embed"></div>

No Javascript:

    window.onYouTubePlayerAPIReady = function () {
        var lastState;
        var playlistPaused;
        var onStateChange = function (event) {
            if (event.data === YT.PlayerState.PLAYING) {
                console.log('video tocando.');
            } else if (event.data === YT.PlayerState.PAUSED) {
                console.log('video pausado');
            } else if (event.data === YT.PlayerState.ENDED) {
                console.log('video finalizado');
            }
        };

        var player = new YT.Player('ytplayer', {
            height: '560',
            width: '315',
            playerVars: {
                listType: 'playlist',
                list: 'PLGfdhjYdO0ECtwQ_BdEI8aVyywzK40B97',
                'fs': 1,
                'iv_load_policy': 3,
                'controls': 1,
                'rel': 0,
                'showinfo': 0
            },
            events: {
                "onStateChange": onStateChange
            }
        });
    };

Barbada!!!!

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s