YouTubeの動画をYouTube Player APIを使って埋め込む

javascript
API, YouTube
2017/06/10

記事のタイトルとURLをコピー

YouTubeの動画の埋め込みをYouTube Player APIを使って行います。
YouTube Player APIを使うことで、プレイヤーの制御を行うことができます。

コード

HTML

<div id="youtube"></div>

1	<div id="youtube"></div>

javascript

$(function() {
	$('body').append('<script src="https://www.youtube.com/iframe_api">');
	var onYouTubeIframeAPIReady = function () {
	  player = new YT.Player('youtube', {//動画を入れたい要素のID名を入れる
	      videoId: 'YouTube動画のIDを入れる',
	      playerVars: { 
	        width: 500, // プレーヤーの幅
	        height: 300 // プレーヤーの高さ
	      }
	  });
	};
	window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;
});

$(function() {

$('body').append('<script src="https://www.youtube.com/iframe_api">');

var onYouTubeIframeAPIReady = function () {

player = new YT.Player('youtube', {//動画を入れたい要素のID名を入れる

videoId: 'YouTube動画のIDを入れる',

playerVars: {

width: 500, // プレーヤーの幅

height: 300 // プレーヤーの高さ

}

});

};

window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;

});

記事のタイトルとURLをコピー