YouTubeの動画をYouTube Player APIを使って埋め込む
YouTubeの動画の埋め込みをYouTube Player APIを使って行います。
YouTube Player APIを使うことで、プレイヤーの制御を行うことができます。
コード
HTML
1 | <div id="youtube"></div> |
javascript
1 2 3 4 5 6 7 8 9 10 11 12 13 | $(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; }); |