https://latinvex.com/wp-content/themes/latinvex/js/scrollyoutube/player_playlist_Youtube.js

1 var ytplayer_playlist = [ ];
2  var ytplayer_playitem = 0;
3  swfobject.addLoadEvent( ytplayer_render_player );
4  swfobject.addLoadEvent( ytplayer_render_playlist );
5  function ytplayer_render_player( )
6  	{ swfobject.embedSWF ('http://www.youtube.com/v/' + ytplayer_playlist[ ytplayer_playitem ] + '&enablejsapi=1&rel=0&fs=1', 'ytplayer_div1', '300', '240', '8', null, null, {allowScriptAccess:'always', allowFullScreen:'true',wmode: 'transparent'},{id: 'ytplayer_object'} );
7  }
8  
9/*function add_li(list, text) {
10var list = document.getElementById(list);
11var li = document.createElement("li");
12li.innerHTML = a;
13a.href = "#ytplayer"
14list.appendChild(li);
15}*/
16  
17  function ytplayer_render_playlist( )
18  {  	
19  	var list = document.getElementById("scroller");
20    /*var ul = document.createElement("ul");
21	ul.id="foo2";
22	ul.className="jcarousel-skin-tango";*/
23    
24	for ( var i = 0; i < ytplayer_playlist.length; i++ )
25    {      
26	  /*var li = document.createElement("li");*/		  
27	  var div = document.createElement( "div" );
28	  var img = document.createElement("img");	  
29      img.src = "http://img.youtube.com/vi/" + ytplayer_playlist[ i ] + "/default.jpg";
30      var a = document.createElement( "a" );
31	  div.className="content";
32      a.href = "#ytplayer";      
33      a.onclick = (
34        function( j )
35        {
36          return function( )
37          { ytplayer_playitem = j; ytplayer_playlazy( 1000 ); };
38        }
39      )( i );
40	  		a.appendChild (img); 	  		 
41			div.appendChild (a); 
42			/*ul.appendChild (li);*/
43			list.appendChild(div); 
44			document.getElementById( "scroller" ).appendChild( div );
45    }
46  }
47  function ytplayer_playlazy( delay )
48  {
49    if ( typeof ytplayer_playlazy.timeoutid != 'undefined' )
50    { window.clearTimeout( ytplayer_playlazy.timeoutid ); }
51    ytplayer_playlazy.timeoutid = window.setTimeout( ytplayer_play, delay );
52  }
53  function ytplayer_play( )
54  {
55    var o = document.getElementById( 'ytplayer_object' );
56    if ( o )
57    { o.loadVideoById( ytplayer_playlist[ ytplayer_playitem ] ); }
58  }
59  function onYouTubePlayerReady( playerid )
60  {
61    var o = document.getElementById( 'ytplayer_object' );
62    if ( o )
63    { o.addEventListener( "onStateChange", "ytplayer_statechange" ); o.addEventListener( "onError", "ytplayer_error" );}
64  }
65  function ytplayer_statechange( state )
66  {
67    if ( state == 0 )
68    { ytplayer_playitem += 1; ytplayer_playitem %= ytplayer_playlist.length; ytplayer_playlazy( 5000 ); }
69  }
70  function ytplayer_error( error )
71  {
72    if ( error )
73    { ytplayer_playitem += 1; ytplayer_playitem %= ytplayer_playlist.length; ytplayer_playlazy( 5000 ); }
74  }
75