YouTube Player APIで動画の開始位置（秒）と終了位置（秒）を設定し再生する方法

Tweet

Pocket

HTML

Youtubeを表示する空のdivタグ

<div id="player"></div>

JavaScript

動画の開始位置（秒）、終了位置（秒）を指定し再生するスクリプト

//--- 非同期でIFrame Player Apiコードを読み込み ---
//scriptタグを生成
var tag = document.createElement('script');

//生成したscriptのソースを設定
tag.src = "https://www.youtube.com/iframe_api";

//先頭のscriptタグを取得
var firstScriptTag = document.getElementsByTagName('script')[0];

//先頭のscriptタグの前に生成したscriptタグを挿入
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


//IFrameを作成します。上記APIコードの読み込みが完了後、呼び出される
var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        width:'100%',
        videoId:'M7lc1UVf-VE', //youtube videoID
        playerVars: {
          start: 10, //開始秒
          end': 15 //終了秒
        }
    });
}

Tweet

Pocket

Related posts:

jQueryでテキストを改行で分割して、行毎に先頭と末尾のスペースを削除する関数 style属性からプロパティ値取得するjavascriptの関数 style属性にプロパティ値設定するjQuery関数 SVG要素（データ）をbase64でエンコードしてData URLスキームに変換する関数 CKEditorにWEBフォントを設定する方法 HTML要素をSVG要素に変換するjQuery関数 イラストレーターでタイトルロゴを作成！SVG文字ジェネレーターを作る方法