// 1. Load YouTube Frame API
(function(){ //Closure, to not leak to the scope
var s = document.createElement("script");
s.src = "https://www.youtube.com/player_api"; /* Load Player API*/
var before = document.getElementsByTagName("script")[0];
before.parentNode.insertBefore(s, before);
})();
var player;
// 2. Event handler
function onPlayerStateChange(e) {
if ( e.data === YT.PlayerState.PLAYING ) {
// 2a. stop slider
$('.blueberry').trigger('blueberry.stop');
}
if ( e.data === YT.PlayerState.PAUSED ||
e.data === YT.PlayerState.ENDED )
// 2b. start slider
$('.blueberry').trigger('blueberry.start');
}
}
// 3. Attach API object to embedded player
function onYouTubePlayerAPIReady(e) {
player = new YT.Player('myvideo', {
events: {'onStateChange': onPlayerStateChange}
});
}