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

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

以下のサンプルでは onReadyイベント内でloadVideoByIdを使用しています。 VIDEO_IDのほか、再生開始位置5秒、再生終了位置を8秒、推奨再生画質を 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.loadVideoById({ 'videoId': 'bHQqvYy5KYo', 'startSeconds': 5, 'endSeconds': 8, 'suggestedQuality': 'small' }); } </script>

サンプル

Youtube API メモ Indexへ戻る