IFrame Player APIの関数を利用する（動画リストの読込・再生等：cuePlaylist）

IFrame Player APIの関数を利用する（動画リストの読込・再生等：cuePlaylist）

以下のサンプルでは onReadyイベント内でcuePlaylistを使用しています。 VIDEO_IDを２つ配列で設定し、インデックス0（リストの先頭）を再生開始位置10秒、推奨再生画質を small として再生しています。

サンプルコード

<div id="ytplayer"></div> <script> // API読み込み script = document.createElement( 'script' ); script.src = "//www.youtube.com/iframe_api"; firstScript = document.getElementsByTagName( 'script' )[ 0 ]; firstScript.parentNode.insertBefore( script , firstScript ); // 動画呼び出し function onYouTubeIframeAPIReady() { player = new YT.Player('ytplayer', { height: '285', width: '480', events: { 'onReady': onPlayerReady } }); } // onReadyのコールバック関数 function onPlayerReady() { player.cuePlaylist({ 'listType': 'playlist', 'playlist': ['bHQqvYy5KYo','M7lc1UVf-VE'], 'index': 0, 'startSeconds': 10, 'suggestedQuality': 'small' }); } </script>

サンプル

Youtube API メモ Indexへ戻る