Skip to content

Instantly share code, notes, and snippets.

@jshaw
Created July 26, 2012 15:30
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
YouTube Video Playing and Finished Event Handling
var tag = document.createElement('script');
tag.src = "//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: '254',
width: '451',
videoId: '{{ current_phase.video_id }}',
events: {
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING) {
_gaq.push(['_trackEvent', 'Video', 'Play']);
}else if ( event.data == YT.PlayerState.ENDED){
_gaq.push(['_trackEvent', 'Video', 'Finish']);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment