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!!!!

Anúncios

Tirando a beleza

Olha só que maravilha esse código:


var el = document.querySelectorAll('style,link');
for (var i=0; i<el.length; i++) {
el[i].parentNode.removeChild(el[i]);
};

remove os elementos estilos de uma página, deixando ela limpinha, sequinha. Pode ser util