Youtube API - Events

by shaneburgess

HTML

<div id="howToVideo"></div>

JavaScript

var data = 
[{"id":"CXJG1Sj7iI4","title":"CXJG1Sj7iI4"},{"id":"-Yyg5vD7nBU","title":"-Yyg5vD7nBU"},{"id":"t7lTe3lrOOo","title":"t7lTe3lrOOo"},{"id":"6cykxEciwns","title":"6cykxEciwns"},{"id":"0pFeE3Mr_Rc","title":"0pFeE3Mr_Rc"},{"id":"NRlX6AxKzEc","title":"NRlX6AxKzEc"},{"id":"fxzF3EEIWkQ","title":"fxzF3EEIWkQ"},{"id":"PUTVxiFYr5M","title":"PUTVxiFYr5M"},{"id":"xGzkkgITU0c","title":"xGzkkgITU0c"},{"id":"eeQ2noPlvro","title":"eeQ2noPlvro"},{"id":"5N35TQkyOAU","title":"5N35TQkyOAU"},{"id":"1lZRFgLZP0I","title":"1lZRFgLZP0I"},{"id":"PeXrd5UiP7I","title":"PeXrd5UiP7I"},{"id":"CbmGLVhLguI","title":"CbmGLVhLguI"},{"id":"XO2bbrv3Rbw","title":"XO2bbrv3Rbw"},{"id":"SH5Ocy-smkw","title":"SH5Ocy-smkw"},{"id":"f_T0WpJRCUY","title":"f_T0WpJRCUY"},{"id":"P8aFtoUR77I","title":"P8aFtoUR77I"},{"id":"6JY0V3VhHxo","title":"6JY0V3VhHxo"},{"id":"dZ6DXxwcTC8","title":"dZ6DXxwcTC8"},{"id":"g0I0qYCWvvY","title":"g0I0qYCWvvY"},{"id":"8wP0dv_WgFE","title":"8wP0dv_WgFE"},{"id":"QBwxmcERbKw","title":"QBwxmcERbKw"},{"id":"cN0VT_XBDWM","title":"cN0VT_XBDWM"},{"id":"lB6iAuV90-E","title":"lB6iAuV90-E"}];
        // From http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html
        
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = false;
        ga.src = 'http://www.youtube.com/player_api';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
  
        var done = false;
        var player;
              
        function onYouTubePlayerAPIReady() {
            //try {
                player = new YT.Player('howToVideo', {
                  height: '390',
                  width: '640',
                  
                  videoId: 'CXJG1Sj7iI4',
                  events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                  }
                });
            //} catch (e) { console.log(e); }
       ...