YouTube API
<div id="player"></div>
<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', {
width: '560',
height: '315',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
//
function onPlayerReady(event) {
player.cuePlaylist([
'XXXXXXX',
'XXXXXXX',
'XXXXXXX'
]);
}
//
function onPlayerStateChange(event) {
switch( event.data ) {
//Send video started event to Marketo
case YT.PlayerState.PLAYING:
console.log("start:"+player.getVideoUrl());
break;
//Send video finished event to Marketo
case YT.PlayerState.ENDED:
console.log("end:"+player.getVideoUrl());
break;
}
}
</script>
ハセテツラボ » YouTubeAPIでcuePlaylistを使って連続再生する
