jQuery addClass example

Change class name on click in jQuery

by Satheesh Kumar

HTML

<div id="player" data-youtube="nfH0pa0VSBI"></div>
<div id="playerTwo" data-youtube="0Bmhjf0rKe8"></div>

<script src="http://www.youtube.com/player_api"></script>

<script>
    

	        var player;
          	        var playerTwo;

     function onYouTubePlayerAPIReady() {
     $('[data-youtube]').each(function(){



     		var a = $(this).attr('data-youtube');
        var b = $(this).attr('id');
     alert(b + " - " + a);
        player = new YT.Player(b, {
          height: '390',
          width: '640',
          videoId:  a,
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });

        })
    }

 


    // create youtube player

   
    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
            alert('done');
        }
    }
    
</script>