YouTubeAPIでcuePlaylistを使って連続再生する

2014-05-15
このエントリーをはてなブックマークに追加

YouTubeAPIが面白くて遊んでてて書いたコード。再生リストが作れます。iframe版なのでiPhoneでも連続再生可能。

<!DOCTYPE html>
<html>
 <body>
 <div id="player"></div>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script>
 var tag = document.createElement('script');
 tag.src = "https://www.youtube.com/iframe_api";
 var firstScriptTag = document.getElementsByTagName('script')[0];
 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

 var player;
 function onYouTubeIframeAPIReady() {
 player = new YT.Player('player', {
 height: '360',
 width: '640',
 events: {
 'onReady': onPlayerReady,
 'onStateChange': onPlayerStateChange
 }
 });
 }

 function onPlayerReady(event) {
 player.cuePlaylist([
 '-PLgUlRVLZE',
 '1slFc9G7I74',
 '1w7OgIMMRc4',
 '1XHcPYorSJw',
 '31VwqZtDdIc',
 '5hDZbroaQDc',
 '686A5yPMWrs'
 ]);
 }

 function onPlayerStateChange(event) {
 console.log(event);
 }

 </script>
 </body>
</html>

簡単簡単。プレイヤーアプリでも書こうかな。