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 //終了秒
}
});
}
コメントを残す