ここにデモ
があり
ます ユーザーが赤い矢印をクリックすると、関連するビデオにスキップされます。
以下にオリジナルのプレイリストレンダリング機能があり、デモとは異なります。img.src=
値を赤い矢印の URL に置き換える元の関数を変更する最も簡単な方法。しかし、矢印の画像が動的に変化しないため、これは最も賢い方法ではありません。では、ユーザーが赤い矢印をクリックして関連動画にスキップするにはどうすればよいですか?
function ytplayer_render_playlist( )
{
for ( var i = 0; i < ytplayer_playlist.length; i++ )
{
var img = document.createElement( "img" );
img.src = "http://img.youtube.com/vi/" + ytplayer_playlist[ i ] + "/default.jpg";
var a = document.createElement( "a" );
a.href = "#ytplayer";
a.onclick = (
function( j )
{
return function( )
{
ytplayer_playitem = j;
ytplayer_playlazy( 1000 );
};
}
)( i );
a.appendChild( img );
document.getElementById( "ytplayer_div2" ).appendChild( a );
}
}