File: D:/HostingSpaces/JTent/tentje.com/wwwroot/wp-content/plugins/ninja-popups/js/jquery.mb.YTPlayer.js
/*___________________________________________________________________________________________________________________________________________________
_ jquery.mb.components _
_ _
_ file: jquery.mb.YTPlayer.js _
_ last modified: 19/08/14 20.13 _
_ _
_ Open Lab s.r.l., Florence - Italy _
_ _
_ email: matteo@open-lab.com _
_ site: http://pupunzi.com _
_ http://open-lab.com _
_ blog: http://pupunzi.open-lab.com _
_ Q&A: http://jquery.pupunzi.com _
_ _
_ Licences: MIT, GPL _
_ http://www.opensource.org/licenses/mit-license.php _
_ http://www.gnu.org/licenses/gpl.html _
_ _
_ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); _
___________________________________________________________________________________________________________________________________________________*/
var ytp = ytp || {};
function onYouTubeIframeAPIReady() {
if(ytp.YTAPIReady)
return;
ytp.YTAPIReady=true;
jQuery(document).trigger("YTAPIReady");
}
(function (jQuery, ytp) {
/*Browser detection patch*/
var nAgt = navigator.userAgent;
if (!jQuery.browser) {
jQuery.browser = {};
jQuery.browser.mozilla = !1;
jQuery.browser.webkit = !1;
jQuery.browser.opera = !1;
jQuery.browser.safari = !1;
jQuery.browser.chrome = !1;
jQuery.browser.msie = !1;
jQuery.browser.ua = nAgt;
jQuery.browser.name = navigator.appName;
jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion);
jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10);
var nameOffset, verOffset, ix;
if (-1 != (verOffset = nAgt.indexOf("Opera")))jQuery.browser.opera = !0, jQuery.browser.name = "Opera", jQuery.browser.fullVersion = nAgt.substring(verOffset + 6), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)); else if (-1 != (verOffset = nAgt.indexOf("MSIE")))jQuery.browser.msie = !0, jQuery.browser.name = "Microsoft Internet Explorer", jQuery.browser.fullVersion = nAgt.substring(verOffset + 5); else if (-1 != nAgt.indexOf("Trident")) {
jQuery.browser.msie = !0;
jQuery.browser.name = "Microsoft Internet Explorer";
var start = nAgt.indexOf("rv:") + 3, end = start + 4;
jQuery.browser.fullVersion = nAgt.substring(start, end)
} else-1 != (verOffset = nAgt.indexOf("Chrome")) ? (jQuery.browser.webkit = !0, jQuery.browser.chrome = !0, jQuery.browser.name = "Chrome", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7)) : -1 != (verOffset = nAgt.indexOf("Safari")) ? (jQuery.browser.webkit = !0, jQuery.browser.safari = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("AppleWebkit")) ? (jQuery.browser.webkit = !0, jQuery.browser.name = "Safari", jQuery.browser.fullVersion = nAgt.substring(verOffset + 7), -1 != (verOffset = nAgt.indexOf("Version")) && (jQuery.browser.fullVersion = nAgt.substring(verOffset + 8))) : -1 != (verOffset = nAgt.indexOf("Firefox")) ? (jQuery.browser.mozilla = !0, jQuery.browser.name = "Firefox", jQuery.browser.fullVersion = nAgt.substring(verOffset + 8)) : (nameOffset = nAgt.lastIndexOf(" ") + 1) < (verOffset = nAgt.lastIndexOf("/")) && (jQuery.browser.name = nAgt.substring(nameOffset, verOffset), jQuery.browser.fullVersion = nAgt.substring(verOffset + 1), jQuery.browser.name.toLowerCase() == jQuery.browser.name.toUpperCase() && (jQuery.browser.name = navigator.appName));
-1 != (ix = jQuery.browser.fullVersion.indexOf(";")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix));
-1 != (ix = jQuery.browser.fullVersion.indexOf(" ")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix));
jQuery.browser.majorVersion = parseInt("" + jQuery.browser.fullVersion, 10);
isNaN(jQuery.browser.majorVersion) && (jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion), jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10));
jQuery.browser.version = jQuery.browser.majorVersion
}
jQuery.browser.android = /Android/i.test(nAgt);
jQuery.browser.blackberry = /BlackBerry|BB|PlayBook/i.test(nAgt);
jQuery.browser.ios = /iPhone|iPad|iPod|webOS/i.test(nAgt);
jQuery.browser.operaMobile = /Opera Mini/i.test(nAgt);
jQuery.browser.kindle = /Kindle|Silk/i.test(nAgt);
jQuery.browser.windowsMobile = /IEMobile|Windows Phone/i.test(nAgt);
jQuery.browser.mobile = jQuery.browser.android || jQuery.browser.blackberry || jQuery.browser.ios || jQuery.browser.windowsMobile || jQuery.browser.operaMobile || jQuery.browser.kindle;
/*******************************************************************************
* jQuery.mb.components: jquery.mb.CSSAnimate
******************************************************************************/
jQuery.fn.CSSAnimate=function(a,g,p,m,h){function r(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}function f(a,f){return"string"!==typeof a||a.match(/^[\-0-9\.]+$/)?""+a+f:a}jQuery.support.CSStransition=function(){var a=(document.body||document.documentElement).style;return void 0!==a.transition||void 0!==a.WebkitTransition||void 0!==a.MozTransition||void 0!==a.MsTransition||void 0!==a.OTransition}();return this.each(function(){var e=this,k=jQuery(this);e.id=e.id||"CSSA_"+ (new Date).getTime();var l=l||{type:"noEvent"};if(e.CSSAIsRunning&&e.eventType==l.type)e.CSSqueue=function(){k.CSSAnimate(a,g,p,m,h)};else if(e.CSSqueue=null,e.eventType=l.type,0!==k.length&&a){e.CSSAIsRunning=!0;"function"==typeof g&&(h=g,g=jQuery.fx.speeds._default);"function"==typeof p&&(h=p,p=0);"function"==typeof m&&(h=m,m="cubic-bezier(0.65,0.03,0.36,0.72)");if("string"==typeof g)for(var b in jQuery.fx.speeds)if(g==b){g=jQuery.fx.speeds[b];break}else g=jQuery.fx.speeds._default;g||(g=jQuery.fx.speeds._default); if(jQuery.support.CSStransition){l={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)", easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)", easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};l[m]&&(m=l[m]);var d="",q="transitionEnd";jQuery.browser.webkit?(d="-webkit-",q="webkitTransitionEnd"):jQuery.browser.mozilla?(d="-moz-",q="transitionend"):jQuery.browser.opera?(d="-o-",q="otransitionend"):jQuery.browser.msie&&(d="-ms-",q="msTransitionEnd");l=[];for(c in a){b=c;"transform"===b&&(b=d+"transform",a[b]=a[c],delete a[c]);"filter"===b&&(b=d+"filter",a[b]=a[c],delete a[c]);if("transform-origin"=== b||"origin"===b)b=d+"transform-origin",a[b]=a[c],delete a[c];"x"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateX("+f(a[c],"px")+")",delete a[c]);"y"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateY("+f(a[c],"px")+")",delete a[c]);"z"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" translateZ("+f(a[c],"px")+")",delete a[c]);"rotate"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotate("+f(a[c],"deg")+")",delete a[c]);"rotateX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateX("+f(a[c],"deg")+ ")",delete a[c]);"rotateY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateY("+f(a[c],"deg")+")",delete a[c]);"rotateZ"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" rotateZ("+f(a[c],"deg")+")",delete a[c]);"scale"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scale("+f(a[c],"")+")",delete a[c]);"scaleX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scaleX("+f(a[c],"")+")",delete a[c]);"scaleY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" scaleY("+f(a[c],"")+")",delete a[c]);"scaleZ"===b&&(b=d+"transform", a[b]=a[b]||"",a[b]+=" scaleZ("+f(a[c],"")+")",delete a[c]);"skew"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skew("+f(a[c],"deg")+")",delete a[c]);"skewX"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skewX("+f(a[c],"deg")+")",delete a[c]);"skewY"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" skewY("+f(a[c],"deg")+")",delete a[c]);"perspective"===b&&(b=d+"transform",a[b]=a[b]||"",a[b]+=" perspective("+f(a[c],"px")+")",delete a[c]);0>l.indexOf(b)&&l.push(r(b))}var c=l.join(","),s=function(){k.off(q+"."+ e.id);clearTimeout(e.timeout);k.css(d+"transition","");"function"==typeof h&&h(k);e.called=!0;e.CSSAIsRunning=!1;"function"==typeof e.CSSqueue&&(e.CSSqueue(),e.CSSqueue=null)},n={};jQuery.extend(n,a);n[d+"transition-property"]=c;n[d+"transition-duration"]=g+"ms";n[d+"transition-delay"]=p+"ms";n[d+"transition-style"]="preserve-3d";n[d+"transition-timing-function"]=m;setTimeout(function(){k.one(q+"."+e.id,s);k.css(n)},1);e.timeout=setTimeout(function(){k.called||!h?(k.called=!1,e.CSSAIsRunning=!1):(k.css(d+ "transition",""),h(k),e.CSSAIsRunning=!1,"function"==typeof e.CSSqueue&&(e.CSSqueue(),e.CSSqueue=null))},g+p+100)}else{for(var c in a)"transform"===c&&delete a[c],"filter"===c&&delete a[c],"transform-origin"===c&&delete a[c],"auto"===a[c]&&delete a[c];h&&"string"!==typeof h||(h="linear");k.animate(a,g,h)}}})};
/******************************************************************************/
/*******************************************************************************
* jQuery.mb.components: jquery.mb.simpleSlider
******************************************************************************/
!function(a){a.simpleSlider={defaults:{initialval:0,scale:100,orientation:"h",readonly:!1,callback:!1},init:function(b){return this.each(function(){var c=this,d=a(c);d.addClass("simpleSlider"),c.opt={},a.extend(c.opt,a.simpleSlider.defaults,b),a.extend(c.opt,d.data());var e="h"==c.opt.orientation?"horizontal":"vertical",f=a("<div/>").addClass("level").addClass(e);d.prepend(f),c.level=f,d.css({cursor:"default"}),"auto"==c.opt.scale&&(c.opt.scale=a(c).outerWidth()),d.updateSliderVal(),c.opt.readonly||(d.on("mousedown",function(a){c.canSlide=!0,d.updateSliderVal(a)}),a(document).on("mousemove",function(b){c.canSlide&&(a(document).css({cursor:"default"}),d.updateSliderVal(b),b.preventDefault(),b.stopPropagation())}).on("mouseup",function(){a(document).css({cursor:"auto"}),c.canSlide=!1}))})},updateSliderVal:function(b){function g(a,b){return Math.floor(100*a/b)}var c=this,d=c.get(0);d.opt.initialval="number"==typeof d.opt.initialval?d.opt.initialval:d.opt.initialval(d);var e=a(d).outerWidth(),f=a(d).outerHeight();d.x="object"==typeof b?b.clientX+document.body.scrollLeft-c.offset().left:"number"==typeof b?b*e/d.opt.scale:d.opt.initialval*e/d.opt.scale,d.y="object"==typeof b?b.clientY+document.body.scrollTop-c.offset().top:"number"==typeof b?(d.opt.scale-d.opt.initialval-b)*f/d.opt.scale:d.opt.initialval*f/d.opt.scale,d.y=c.outerHeight()-d.y,d.scaleX=d.x*d.opt.scale/e,d.scaleY=d.y*d.opt.scale/f,d.outOfRangeX=d.scaleX>d.opt.scale?d.scaleX-d.opt.scale:d.scaleX<0?d.scaleX:0,d.outOfRangeY=d.scaleY>d.opt.scale?d.scaleY-d.opt.scale:d.scaleY<0?d.scaleY:0,d.outOfRange="h"==d.opt.orientation?d.outOfRangeX:d.outOfRangeY,d.value="undefined"!=typeof b?"h"==d.opt.orientation?d.x>=c.outerWidth()?d.opt.scale:d.x<=0?0:d.scaleX:d.y>=c.outerHeight()?d.opt.scale:d.y<=0?0:d.scaleY:"h"==d.opt.orientation?d.scaleX:d.scaleY,"h"==d.opt.orientation?d.level.width(g(d.x,e)+"%"):d.level.height(g(d.y,f)),"function"==typeof d.opt.callback&&d.opt.callback(d)}},a.fn.simpleSlider=a.simpleSlider.init,a.fn.updateSliderVal=a.simpleSlider.updateSliderVal}(jQuery);
/******************************************************************************/
var getYTPVideoID = function (url) {
var videoID, playlistID;
if (url.indexOf("youtu.be") > 0) {
videoID = url.substr(url.lastIndexOf("/")+1, url.length);
playlistID = videoID.indexOf("?list=") > 0 ? videoID.substr(videoID.lastIndexOf("="), videoID.length) : null;
videoID = playlistID ? videoID.substr(0, videoID.lastIndexOf("?")) : videoID;
} else if (url.indexOf("http") > -1) {
videoID = url.match(/[\\?&]v=([^&#]*)/)[1];
playlistID = url.indexOf("list=")>0 ? url.match(/[\\?&]list=([^&#]*)/)[1] : null;
} else {
videoID = url.length > 15 ? null : url;
playlistID = videoID ? null : url;
}
return {videoID: videoID, playlistID: playlistID};
};
/* todo:
setPlaybackRate()
playlist
*/
jQuery.mbYTPlayer = {
name : "jquery.mb.YTPlayer",
version: "2.8.1",
author : "Matteo Bicocchi",
defaults: {
containment : "body",
ratio : "auto", // "auto", "16/9", "4/3"
videoURL : null,
playlistURL : null,
startAt : 0,
stopAt : 0,
autoPlay : true,
vol : 50, // 1 to 100
addRaster : false,
opacity : 1,
quality : "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres”
mute : false,
loop : true,
showControls : true,
showAnnotations : false,
showYTLogo : true,
stopMovieOnClick: false,
stopMovieOnBlur : true,
realfullscreen : true,
gaTrack : true,
optimizeDisplay : true,
onReady : function (player) {}
},
/* @fontface icons */
controls: {
play : "P",
pause : "p",
mute : "M",
unmute : "A",
onlyYT : "O",
showSite: "R",
ytLogo : "Y"
},
locationProtocol: "https:",
buildPlayer : function (options) {
/*
if (jQuery.browser.mobile)
return this;
*/
return this.each(function () {
var YTPlayer = this;
var $YTPlayer = jQuery(YTPlayer);
YTPlayer.loop = 0;
YTPlayer.opt = {};
YTPlayer.state = {};
YTPlayer.filtersEnabled = true;
YTPlayer.filters = {
grayscale : {value: 0, unit: "%"},
hue_rotate: {value: 0, unit: "deg"},
invert : {value: 0, unit: "%"},
opacity : {value: 0, unit: "%"},
saturate : {value: 0, unit: "%"},
sepia : {value: 0, unit: "%"},
brightness: {value: 0, unit: "%"},
contrast : {value: 0, unit: "%"},
blur : {value: 0, unit: "px"}
};
$YTPlayer.addClass("mb_YTPlayer");
var property = $YTPlayer.data("property") && typeof $YTPlayer.data("property") == "string" ? eval('(' + $YTPlayer.data("property") + ')') : $YTPlayer.data("property");
if (typeof property != "undefined" && typeof property.vol != "undefined")
property.vol = property.vol == 0 ? property.vol = 1 : property.vol;
jQuery.extend(YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property);
YTPlayer.isRetina = (window.retina || window.devicePixelRatio > 1);
var isIframe = function () {
var isIfr = false;
try {
if (self.location.href != top.location.href)
isIfr = true;
} catch (e) {
isIfr = true;
}
return isIfr;
};
YTPlayer.canGoFullScreen = !(jQuery.browser.msie || jQuery.browser.opera || isIframe());
if (!YTPlayer.canGoFullScreen)
YTPlayer.opt.realfullscreen = false;
if (!$YTPlayer.attr("id"))
$YTPlayer.attr("id", "video_" + new Date().getTime());
var playerID = "mbYTP_" + YTPlayer.id;
YTPlayer.isAlone = false;
YTPlayer.hasFocus = true;
var videoID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL).videoID : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")).videoID : false;
var playlistID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL).playlistID : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")).playlistID : false;
YTPlayer.videoID = videoID;
YTPlayer.playlistID = playlistID;
YTPlayer.opt.showAnnotations = (YTPlayer.opt.showAnnotations) ? '0' : '3';
var playerVars = { 'autoplay': 0, 'modestbranding': 1, 'controls': 0, 'showinfo': 0, 'rel': 0, 'enablejsapi': 1, 'version': 3, 'playerapiid': playerID, 'origin': '*', 'allowfullscreen': true, 'wmode': 'transparent', 'iv_load_policy': YTPlayer.opt.showAnnotations};
if (document.createElement('video').canPlayType) //&& window.MediaSource && !YTPlayer.isRetina
jQuery.extend(playerVars, {'html5': 1});
if (jQuery.browser.msie && jQuery.browser.version < 9)
this.opt.opacity = 1;
var playerBox = jQuery("<div/>").attr("id", playerID).addClass("playerBox");
var overlay = jQuery("<div/>").css({position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}).addClass("YTPOverlay");
YTPlayer.isSelf = YTPlayer.opt.containment == "self";
YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery(this) : jQuery(YTPlayer.opt.containment);
YTPlayer.isBackground = YTPlayer.opt.containment.get(0).tagName.toLowerCase() == "body";
if (YTPlayer.isBackground && ytp.backgroundIsInited)
return;
var isPlayer = YTPlayer.opt.containment.is(jQuery(this));
YTPlayer.canPlayOnMobile = isPlayer && jQuery(this).children().length == 0;
if (!isPlayer) {
$YTPlayer.hide();
} else {
YTPlayer.isPlayer = true;
}
if (jQuery.browser.mobile && !YTPlayer.canPlayOnMobile) {
$YTPlayer.remove();
return;
}
if (YTPlayer.opt.addRaster) {
var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster";
overlay.addClass(YTPlayer.isRetina ? classN + " retina" : classN);
} else {
overlay.removeClass(function (index, classNames) {
// change the list into an array
var current_classes = classNames.split(" "),
// array of classes which are to be removed
classes_to_remove = [];
jQuery.each(current_classes, function (index, class_name) {
// if the classname begins with bg add it to the classes_to_remove array
if (/raster-.*/.test(class_name)) {
classes_to_remove.push(class_name);
}
});
classes_to_remove.push("retina");
// turn the array back into a string
return classes_to_remove.join(" ");
})
}
var wrapper = jQuery("<div/>").addClass("mbYTP_wrapper").attr("id", "wrapper_" + playerID);
wrapper.css({position: "absolute", zIndex: 0, minWidth: "100%", minHeight: "100%", left: 0, top: 0, overflow: "hidden", opacity: 0});
playerBox.css({position: "absolute", zIndex: 0, width: "100%", height: "100%", top: 0, left: 0, overflow: "hidden"});
wrapper.append(playerBox);
YTPlayer.opt.containment.children().not("script, style").each(function () {
if (jQuery(this).css("position") == "static")
jQuery(this).css("position", "relative");
});
if (YTPlayer.isBackground) {
jQuery("body").css({boxSizing: "border-box"});
wrapper.css({position: "fixed", top: 0, left: 0, zIndex: 0, webkitTransform: "translateZ(0)"});
$YTPlayer.hide();
} else if (YTPlayer.opt.containment.css("position") == "static")
YTPlayer.opt.containment.css({position: "relative"});
YTPlayer.opt.containment.prepend(wrapper);
YTPlayer.wrapper = wrapper;
playerBox.css({opacity: 1});
if (!jQuery.browser.mobile) {
playerBox.after(overlay);
YTPlayer.overlay = overlay;
}
if (!YTPlayer.isBackground) {
overlay.on("mouseenter", function () {
$YTPlayer.find(".mb_YTPBar").addClass("visible");
}).on("mouseleave", function () {
$YTPlayer.find(".mb_YTPBar").removeClass("visible");
})
}
if (!ytp.YTAPIReady) {
jQuery("#YTAPI").remove();
var tag = jQuery("<script></script>").attr({"src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/iframe_api?v=" + jQuery.mbYTPlayer.version, "id": "YTAPI"});
jQuery("head").prepend(tag);
} else {
setTimeout(function () {
jQuery(document).trigger("YTAPIReady");
}, 100)
}
jQuery(document).on("YTAPIReady", function () {
if ((YTPlayer.isBackground && ytp.backgroundIsInited) || YTPlayer.isInit)
return;
if (YTPlayer.isBackground && YTPlayer.opt.stopMovieOnClick)
jQuery(document).off("mousedown.ytplayer").on("mousedown.ytplayer", function (e) {
var target = jQuery(e.target);
if (target.is("a") || target.parents().is("a")) {
$YTPlayer.pauseYTP();
}
});
if (YTPlayer.isBackground) {
ytp.backgroundIsInited = true;
}
YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? (YTPlayer.isBackground ? true : false) : YTPlayer.opt.autoPlay;
YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100;
jQuery.mbYTPlayer.getDataFromFeed(YTPlayer);
jQuery(YTPlayer).on("YTPChanged", function () {
if (YTPlayer.isInit)
return;
YTPlayer.isInit = true;
//if is mobile && isPlayer fallback to the default YT player
if (jQuery.browser.mobile && YTPlayer.canPlayOnMobile) {
new YT.Player(playerID, {
videoId: YTPlayer.videoID.toString(),
height : '100%',
width : '100%',
videoId: YTPlayer.videoID,
events : {
'onReady' : function (event) {
YTPlayer.player = event.target;
playerBox.css({opacity: 1});
YTPlayer.wrapper.css({opacity: YTPlayer.opt.opacity});
$YTPlayer.optimizeDisplay();
},
'onStateChange': function () {}
}
});
return;
}
new YT.Player(playerID, {
videoId : YTPlayer.videoID.toString(),
playerVars: playerVars,
events : {
'onReady': function (event) {
YTPlayer.player = event.target;
if (YTPlayer.isReady)
return;
YTPlayer.isReady = true;
YTPlayer.playerEl = YTPlayer.player.getIframe();
$YTPlayer.optimizeDisplay();
YTPlayer.videoID = videoID;
jQuery(window).on("resize.YTP", function () {
$YTPlayer.optimizeDisplay();
});
if (YTPlayer.opt.showControls)
jQuery(YTPlayer).buildYTPControls();
/*
if(YTPlayer.isRetina)
setTimeout(function() {
controls.show(1000);
},3000)
*/
var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1;
YTPlayer.player.setVolume(0);
jQuery(YTPlayer).muteYTPVolume();
jQuery.mbYTPlayer.checkForState(YTPlayer);
YTPlayer.checkForStartAt = setInterval(function () {
//Checking if player has been removed from scene
if (!jQuery.contains(document, YTPlayer)) {
jQuery(YTPlayer).playerDestroy();
return
}
// //var canPlayVideo = !window.MediaSource ? true : (YTPlayer.player.getVideoLoadedFraction() > startAt / YTPlayer.player.getDuration());
var canPlayVideo = (YTPlayer.player.getVideoLoadedFraction() > startAt / YTPlayer.player.getDuration());
if (YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo) {
clearInterval(YTPlayer.checkForStartAt);
YTPlayer.player.setVolume(0);
jQuery(YTPlayer).muteYTPVolume();
if (typeof YTPlayer.opt.onReady == "function")
YTPlayer.opt.onReady(YTPlayer);
if (!YTPlayer.opt.mute)
jQuery(YTPlayer).unmuteYTP();
//jQuery.mbYTPlayer.checkForState(YTPlayer);
YTPlayer.player.pauseVideo();
setTimeout(function () {
YTPlayer.canTrigger = true;
if (YTPlayer.opt.autoPlay) {
$YTPlayer.playYTP();
$YTPlayer.css("background-image", "none");
YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000);
} else {
YTPlayer.player.pauseVideo();
}
}, 100)
} else {
YTPlayer.player.playVideo();
YTPlayer.player.seekTo(startAt, true);
}
var YTPready = jQuery.Event("YTPReady");
jQuery(YTPlayer).trigger(YTPready);
}, 1000);
// Trigger state events
var YTPevent = jQuery.Event("YTPUnstarted");
YTPevent.time = YTPlayer.player.time;
if (YTPlayer.canTrigger)
jQuery(YTPlayer).trigger(YTPevent);
},
'onStateChange': function (event) {
/*
-1 (unstarted)
0 (ended)
1 (playing)
2 (paused)
3 (buffering)
5 (video cued).
*/
if (typeof event.target.getPlayerState != "function")
return;
var state = event.target.getPlayerState();
if (YTPlayer.state == state)
return;
YTPlayer.state = state;
var controls = jQuery("#controlBar_" + YTPlayer.id);
var eventType;
switch (state) {
case -1: //------------------------------------------------ unstarted
eventType = "YTPUnstarted";
break;
case 0: //------------------------------------------------ ended
eventType = "YTPEnd";
break;
case 1: //------------------------------------------------ play
eventType = "YTPStart";
controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.pause);
if (typeof _gaq != "undefined" && eval(YTPlayer.opt.gaTrack))
_gaq.push(['_trackEvent', 'YTPlayer', 'Play', (YTPlayer.videoTitle || YTPlayer.videoID.toString())]);
if (typeof ga != "undefined" && eval(YTPlayer.opt.gaTrack))
ga('send', 'event', 'YTPlayer', 'play', (YTPlayer.videoTitle || YTPlayer.videoID.toString()));
break;
case 2: //------------------------------------------------ pause
eventType = "YTPPause";
controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);
break;
case 3: //------------------------------------------------ buffer
if (!jQuery.browser.chrome)
YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality);
eventType = "YTPBuffering";
if (!jQuery.browser.chrome)
YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality);
controls.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);
setTimeout(function () {
controls.show(1000);
}, 2000);
break;
case 5: //------------------------------------------------ cued
eventType = "YTPCued";
break;
default:
break;
}
// Trigger state events
var YTPevent = jQuery.Event(eventType);
YTPevent.time = YTPlayer.player.time;
if (YTPlayer.canTrigger)
jQuery(YTPlayer).trigger(YTPevent);
},
'onPlaybackQualityChange': function (e) {
var quality = e.target.getPlaybackQuality();
var YTPQualityChange = jQuery.Event("YTPQualityChange");
YTPQualityChange.quality = quality;
jQuery(YTPlayer).trigger(YTPQualityChange);
},
'onError': function (err) {
if (err.data == 150) {
console.log("Embedding this video is restricted by Youtube.");
if (YTPlayer.isPlayList)
jQuery(YTPlayer).playNext();
}
if (err.data == 2 && YTPlayer.isPlayList)
jQuery(YTPlayer).playNext();
if (typeof YTPlayer.opt.onError == "function")
YTPlayer.opt.onError($YTPlayer, err);
}
}
});
});
})
});
},
// todo: This API is deprecated. Find another way to retreive the Data informations.
getDataFromFeed: function (YTPlayer) {
//Get video info from FEEDS API
if (!(jQuery.browser.msie && jQuery.browser.version <= 9)) {
jQuery.getJSON(jQuery.mbYTPlayer.locationProtocol + '//gdata.youtube.com/feeds/api/videos/' + YTPlayer.videoID + '?v=2&alt=jsonc', function (data, status, xhr) {
YTPlayer.dataReceived = true;
YTPlayer.videoData = data.data;
jQuery(YTPlayer).trigger("YTPChanged");
var YTPData = jQuery.Event("YTPData");
YTPData.prop = {};
for (var x in YTPlayer.videoData)
YTPData.prop[x] = YTPlayer.videoData[x];
jQuery(YTPlayer).trigger(YTPData);
YTPlayer.videoTitle = YTPlayer.videoData.title;
if (YTPlayer.opt.ratio == "auto")
if (YTPlayer.videoData.aspectRatio && YTPlayer.videoData.aspectRatio === "widescreen")
YTPlayer.opt.ratio = "16/9";
else
YTPlayer.opt.ratio = "4/3";
if (!YTPlayer.hasData) {
YTPlayer.hasData = true;
if (YTPlayer.isPlayer) {
var bgndURL = YTPlayer.videoData.thumbnail.hqDefault;
YTPlayer.opt.containment.css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"});
}
}
});
setTimeout(function () {
if (!YTPlayer.dataReceived && !YTPlayer.hasData) {
YTPlayer.hasData = true;
jQuery(YTPlayer).trigger("YTPChanged");
}
}, 1500)
} else {
YTPlayer.opt.ratio == "auto" ? YTPlayer.opt.ratio = "16/9" : YTPlayer.opt.ratio;
if (!YTPlayer.hasData) {
YTPlayer.hasData = true;
setTimeout(function () {
jQuery(YTPlayer).trigger("YTPChanged");
}, 100)
}
}
},
getVideoData: function () {
var YTPlayer = this.get(0);
return YTPlayer.videoData;
},
getVideoID: function () {
var YTPlayer = this.get(0);
return YTPlayer.videoID || false;
},
setVideoQuality: function (quality) {
var YTPlayer = this.get(0);
if (!jQuery.browser.chrome)
YTPlayer.player.setPlaybackQuality(quality);
},
YTPlaylist: function (videos, shuffle, callback) {
var $YTPlayer = this;
var YTPlayer = $YTPlayer.get(0);
YTPlayer.isPlayList = true;
if (shuffle)
videos = jQuery.shuffle(videos);
if (!YTPlayer.videoID) {
YTPlayer.videos = videos;
YTPlayer.videoCounter = 0;
YTPlayer.videoLength = videos.length;
jQuery(YTPlayer).data("property", videos[0]);
jQuery(YTPlayer).mb_YTPlayer();
}
if (typeof callback == "function")
jQuery(YTPlayer).on("YTPChanged", function () {
callback(YTPlayer);
});
jQuery(YTPlayer).on("YTPEnd", function () {
jQuery(YTPlayer).playNext();
});
return $YTPlayer;
},
playNext: function () {
var YTPlayer = this.get(0);
YTPlayer.videoCounter++;
if (YTPlayer.videoCounter >= YTPlayer.videoLength)
YTPlayer.videoCounter = 0;
jQuery(YTPlayer.playerEl).css({opacity: 0});
jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]);
},
playPrev: function () {
var YTPlayer = this.get(0);
YTPlayer.videoCounter--;
if (YTPlayer.videoCounter < 0)
YTPlayer.videoCounter = YTPlayer.videoLength - 1;
jQuery(YTPlayer.playerEl).css({opacity: 0});
jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]);
},
changeMovie: function (opt) {
var YTPlayer = this.get(0);
YTPlayer.opt.startAt = 0;
YTPlayer.opt.stopAt = 0;
YTPlayer.opt.mute = true;
if (opt) {
jQuery.extend(YTPlayer.opt, opt);
}
YTPlayer.videoID = getYTPVideoID(YTPlayer.opt.videoURL).videoID;
jQuery(YTPlayer).pauseYTP();
var timer = jQuery.browser.msie ? 1000 : 0;
jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 0}, timer);
setTimeout(function () {
var quality = !jQuery.browser.chrome ? YTPlayer.opt.quality : "default";
jQuery(YTPlayer).getPlayer().cueVideoByUrl(encodeURI(jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID), 1, quality);
jQuery(YTPlayer).playYTP();
jQuery(YTPlayer).one("YTPStart", function () {
YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 1000);
jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 1}, timer);
if (YTPlayer.opt.startAt) {
YTPlayer.player.seekTo(YTPlayer.opt.startAt);
}
jQuery.mbYTPlayer.checkForState(YTPlayer);
if (!YTPlayer.opt.autoPlay)
jQuery(YTPlayer).pauseYTP();
});
if (YTPlayer.opt.mute) {
jQuery(YTPlayer).muteYTPVolume();
} else {
jQuery(YTPlayer).unmuteYTP();
}
}, timer);
if (YTPlayer.opt.addRaster) {
YTPlayer.overlay.addClass(YTPlayer.isRetina ? "raster retina" : "raster");
} else {
YTPlayer.overlay.removeClass("raster").removeClass("retina");
}
jQuery("#controlBar_" + YTPlayer.id).remove();
if (YTPlayer.opt.showControls)
jQuery(YTPlayer).buildYTPControls();
jQuery.mbYTPlayer.getDataFromFeed(YTPlayer);
jQuery(YTPlayer).optimizeDisplay();
},
getPlayer: function () {
return jQuery(this).get(0).player;
},
playerDestroy: function () {
var YTPlayer = this.get(0);
ytp.YTAPIReady = false;
ytp.backgroundIsInited = false;
YTPlayer.isInit = false;
YTPlayer.videoID = null;
var playerBox = YTPlayer.wrapper;
playerBox.remove();
jQuery("#controlBar_" + YTPlayer.id).remove();
clearInterval(YTPlayer.checkForStartAt);
clearInterval(YTPlayer.getState);
},
fullscreen: function (real) {
var YTPlayer = this.get(0);
if (typeof real == "undefined")
real = YTPlayer.opt.realfullscreen;
real = eval(real);
var controls = jQuery("#controlBar_" + YTPlayer.id);
var fullScreenBtn = controls.find(".mb_OnlyYT");
var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper;
//var videoWrapper = YTPlayer.wrapper;
if (real) {
var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange";
jQuery(document).off(fullscreenchange).on(fullscreenchange, function () {
var isFullScreen = RunPrefixMethod(document, "IsFullScreen") || RunPrefixMethod(document, "FullScreen");
if (!isFullScreen) {
YTPlayer.isAlone = false;
fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT);
jQuery(YTPlayer).setVideoQuality(YTPlayer.opt.quality);
videoWrapper.removeClass("fullscreen");
videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500);
videoWrapper.css({zIndex: 0});
if (YTPlayer.isBackground) {
jQuery("body").after(controls);
} else {
YTPlayer.wrapper.before(controls);
}
jQuery(window).resize();
jQuery(YTPlayer).trigger("YTPFullScreenEnd");
} else {
jQuery(YTPlayer).setVideoQuality("default");
jQuery(YTPlayer).trigger("YTPFullScreenStart");
}
});
}
if (!YTPlayer.isAlone) {
function hideMouse(){
$(".YTPOverlay").css({cursor:"none"});
}
$(document).on("mousemove.YTPlayer", function(e){
$(".YTPOverlay").css({cursor:"auto"});
clearTimeout(YTPlayer.hideCursor);
if(!jQuery(e.target).parents().is(".mb_YTPBar"))
YTPlayer.hideCursor = setTimeout(hideMouse,3000);
});
hideMouse();
if (real) {
videoWrapper.css({opacity: 0});
videoWrapper.addClass("fullscreen");
launchFullscreen(videoWrapper.get(0));
setTimeout(function () {
videoWrapper.CSSAnimate({opacity: 1}, 1000);
YTPlayer.wrapper.append(controls);
jQuery(YTPlayer).optimizeDisplay();
YTPlayer.player.seekTo(YTPlayer.player.getCurrentTime() + .1, true);
}, 500)
} else
videoWrapper.css({zIndex: 10000}).CSSAnimate({opacity: 1}, 1000);
fullScreenBtn.html(jQuery.mbYTPlayer.controls.showSite);
YTPlayer.isAlone = true;
} else {
$(document).off("mousemove.YTPlayer");
$(".YTPOverlay").css({cursor:"auto"});
if (real) {
cancelFullscreen();
} else {
videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500);
videoWrapper.css({zIndex: 0});
}
fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT);
YTPlayer.isAlone = false;
}
function RunPrefixMethod(obj, method) {
var pfx = ["webkit", "moz", "ms", "o", ""];
var p = 0, m, t;
while (p < pfx.length && !obj[m]) {
m = method;
if (pfx[p] == "") {
m = m.substr(0, 1).toLowerCase() + m.substr(1);
}
m = pfx[p] + m;
t = typeof obj[m];
if (t != "undefined") {
pfx = [pfx[p]];
return (t == "function" ? obj[m]() : obj[m]);
}
p++;
}
}
function launchFullscreen(element) {
RunPrefixMethod(element, "RequestFullScreen");
}
function cancelFullscreen() {
if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) {
RunPrefixMethod(document, "CancelFullScreen");
}
}
},
playYTP: function () {
var YTPlayer = this.get(0);
if (typeof YTPlayer.player === "undefined")
return;
var controls = jQuery("#controlBar_" + YTPlayer.id);
var playBtn = controls.find(".mb_YTPPlaypause");
playBtn.html(jQuery.mbYTPlayer.controls.pause);
YTPlayer.player.playVideo();
YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000);
jQuery(YTPlayer).on("YTPStart", function () {
jQuery(YTPlayer).css("background-image", "none");
})
},
toggleLoops: function () {
var YTPlayer = this.get(0);
var data = YTPlayer.opt;
if (data.loop == 1) {
data.loop = 0;
} else {
if (data.startAt) {
YTPlayer.player.seekTo(data.startAt);
} else {
YTPlayer.player.playVideo();
}
data.loop = 1;
}
},
stopYTP: function () {
var YTPlayer = this.get(0);
var controls = jQuery("#controlBar_" + YTPlayer.id);
var playBtn = controls.find(".mb_YTPPlaypause");
playBtn.html(jQuery.mbYTPlayer.controls.play);
YTPlayer.player.stopVideo();
},
pauseYTP: function () {
var YTPlayer = this.get(0);
var controls = jQuery("#controlBar_" + YTPlayer.id);
var playBtn = controls.find(".mb_YTPPlaypause");
playBtn.html(jQuery.mbYTPlayer.controls.play);
YTPlayer.player.pauseVideo();
},
seekToYTP: function (val) {
var YTPlayer = this.get(0);
YTPlayer.player.seekTo(val, true);
},
setYTPVolume: function (val) {
var YTPlayer = this.get(0);
if (!val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0)
jQuery(YTPlayer).unmuteYTP();
else if ((!val && YTPlayer.player.getVolume() > 0) || (val && YTPlayer.opt.vol == val)) {
if (!YTPlayer.isMute)
jQuery(YTPlayer).muteYTP();
else
jQuery(YTPlayer).unmuteYTP();
} else {
YTPlayer.opt.vol = val;
YTPlayer.player.setVolume(YTPlayer.opt.vol);
if (YTPlayer.volumeBar && YTPlayer.volumeBar.length)
YTPlayer.volumeBar.updateSliderVal(val)
}
},
muteYTP: function () {
var YTPlayer = this.get(0);
if (YTPlayer.isMute)
return;
YTPlayer.player.mute();
YTPlayer.isMute = true;
YTPlayer.player.setVolume(0);
if (YTPlayer.volumeBar && YTPlayer.volumeBar.length)
YTPlayer.volumeBar.updateSliderVal(0);
var controls = jQuery("#controlBar_" + YTPlayer.id);
var muteBtn = controls.find(".mb_YTPMuteUnmute");
muteBtn.html(jQuery.mbYTPlayer.controls.unmute);
jQuery(YTPlayer).addClass("isMuted");
if (YTPlayer.volumeBar && YTPlayer.volumeBar.length)
YTPlayer.volumeBar.addClass("muted");
var YTPevent = jQuery.Event("YTPMuted");
YTPevent.time = YTPlayer.player.time;
if (YTPlayer.canTrigger)
jQuery(YTPlayer).trigger(YTPevent);
},
unmuteYTP: function () {
var YTPlayer = this.get(0);
if (!YTPlayer.isMute)
return;
YTPlayer.player.unMute();
YTPlayer.isMute = false;
YTPlayer.player.setVolume(YTPlayer.opt.vol);
if (YTPlayer.volumeBar && YTPlayer.volumeBar.length)
YTPlayer.volumeBar.updateSliderVal(YTPlayer.opt.vol > 10 ? YTPlayer.opt.vol : 10);
var controls = jQuery("#controlBar_" + YTPlayer.id);
var muteBtn = controls.find(".mb_YTPMuteUnmute");
muteBtn.html(jQuery.mbYTPlayer.controls.mute);
jQuery(YTPlayer).removeClass("isMuted");
if (YTPlayer.volumeBar && YTPlayer.volumeBar.length)
YTPlayer.volumeBar.removeClass("muted");
var YTPevent = jQuery.Event("YTPUnmuted");
YTPevent.time = YTPlayer.player.time;
if (YTPlayer.canTrigger)
jQuery(YTPlayer).trigger(YTPevent);
},
applyFilter: function (filter, value) {
var YTPlayer = this.get(0);
YTPlayer.filters[filter].value = value;
if(YTPlayer.filtersEnabled)
this.YTPEnableFilters();
return this;
},
applyFilters: function (filters) {
var YTPlayer = this.get(0);
this.on("YTPReady", function(){
for (var key in filters) {
YTPlayer.filters[key].value = filters[key];
$(YTPlayer).YTPApplyFilter(key, filters[key]);
}
jQuery(YTPlayer).trigger("YTPFiltersApplied");
});
return this;
},
disableFilters: function(){
var YTPlayer = this.get(0);
var iframe = jQuery(YTPlayer.playerEl);
iframe.css("-webkit-filter", "");
iframe.css("filter", "");
YTPlayer.filtersEnabled = false;
return this;
},
enableFilters: function(){
var YTPlayer = this.get(0);
var iframe = jQuery(YTPlayer.playerEl);
var filterStyle = "";
for (var key in YTPlayer.filters) {
if (YTPlayer.filters[key].value)
filterStyle += key.replace("_", "-") + "(" + YTPlayer.filters[key].value + YTPlayer.filters[key].unit + ") ";
}
iframe.css("-webkit-filter", filterStyle);
iframe.css("filter", filterStyle);
YTPlayer.filtersEnabled = true;
return this;
},
toggleFilters: function(callback){
var YTPlayer = this.get(0);
if(YTPlayer.filtersEnabled) {
jQuery(YTPlayer).trigger("YTPDisableFilters");
jQuery(YTPlayer).YTPDisableFilters();
} else {
jQuery(YTPlayer).YTPEnableFilters();
jQuery(YTPlayer).trigger("YTPEnableFilters");
}
if(typeof callback == "function")
callback(YTPlayer.filtersEnabled);
return this;
},
removeFilter: function (filter, callback) {
if (typeof filter == "function"){
callback = filter;
filter = null;
}
var YTPlayer = this.get(0);
if (!filter)
for (var key in YTPlayer.filters) {
this.YTPApplyFilter(key, 0)
if(typeof callback == "function")
callback(key);
} else{
this.YTPApplyFilter(filter, 0);
if(typeof callback == "function")
callback(filter);
}
return this;
},
manageYTPProgress: function () {
var YTPlayer = this.get(0);
var controls = jQuery("#controlBar_" + YTPlayer.id);
var progressBar = controls.find(".mb_YTPProgress");
var loadedBar = controls.find(".mb_YTPLoaded");
var timeBar = controls.find(".mb_YTPseekbar");
var totW = progressBar.outerWidth();
var currentTime = Math.floor(YTPlayer.player.getCurrentTime());
var totalTime = Math.floor(YTPlayer.player.getDuration());
var timeW = (currentTime * totW) / totalTime;
var startLeft = 0;
var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100;
loadedBar.css({left: startLeft, width: loadedW + "%"});
timeBar.css({left: 0, width: timeW});
return {totalTime: totalTime, currentTime: currentTime};
},
buildYTPControls: function () {
var YTPlayer = this.get(0);
var data = YTPlayer.opt;
// @data.printUrl: is deprecated; use data.showYTLogo
data.showYTLogo = data.showYTLogo || data.printUrl;
if (jQuery("#controlBar_" + YTPlayer.id).length)
return;
var controlBar = jQuery("<span/>").attr("id", "controlBar_" + YTPlayer.id).addClass("mb_YTPBar").css({whiteSpace: "noWrap", position: YTPlayer.isBackground ? "fixed" : "absolute", zIndex: YTPlayer.isBackground ? 10000 : 1000}).hide();
YTPlayer.controlBar = controlBar;
var buttonBar = jQuery("<div/>").addClass("buttonBar");
/* play/pause button*/
var playpause = jQuery("<span>" + jQuery.mbYTPlayer.controls.play + "</span>").addClass("mb_YTPPlaypause ytpicon").click(function () {
if (YTPlayer.player.getPlayerState() == 1)
jQuery(YTPlayer).pauseYTP();
else
jQuery(YTPlayer).playYTP();
});
/* mute/unmute button*/
var MuteUnmute = jQuery("<span>" + jQuery.mbYTPlayer.controls.mute + "</span>").addClass("mb_YTPMuteUnmute ytpicon").click(function () {
if (YTPlayer.player.getVolume() == 0) {
jQuery(YTPlayer).unmuteYTP();
} else {
jQuery(YTPlayer).muteYTP();
}
});
/* volume bar*/
var volumeBar = jQuery("<div/>").addClass("mb_YTPVolumeBar").css({display: "inline-block"});
YTPlayer.volumeBar = volumeBar;
/* time elapsed */
var idx = jQuery("<span/>").addClass("mb_YTPTime");
var vURL = data.videoURL ? data.videoURL : "";
if (vURL.indexOf("http") < 0)
vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL;
var movieUrl = jQuery("<span/>").html(jQuery.mbYTPlayer.controls.ytLogo).addClass("mb_YTPUrl ytpicon").attr("title", "view on YouTube").on("click", function () {window.open(vURL, "viewOnYT")});
var onlyVideo = jQuery("<span/>").html(jQuery.mbYTPlayer.controls.onlyYT).addClass("mb_OnlyYT ytpicon").on("click", function () {jQuery(YTPlayer).fullscreen(data.realfullscreen);});
var progressBar = jQuery("<div/>").addClass("mb_YTPProgress").css("position", "absolute").click(function (e) {
timeBar.css({width: (e.clientX - timeBar.offset().left)});
YTPlayer.timeW = e.clientX - timeBar.offset().left;
controlBar.find(".mb_YTPLoaded").css({width: 0});
var totalTime = Math.floor(YTPlayer.player.getDuration());
YTPlayer.goto = (timeBar.outerWidth() * totalTime) / progressBar.outerWidth();
YTPlayer.player.seekTo(parseFloat(YTPlayer.goto), true);
controlBar.find(".mb_YTPLoaded").css({width: 0});
});
var loadedBar = jQuery("<div/>").addClass("mb_YTPLoaded").css("position", "absolute");
var timeBar = jQuery("<div/>").addClass("mb_YTPseekbar").css("position", "absolute");
progressBar.append(loadedBar).append(timeBar);
buttonBar.append(playpause).append(MuteUnmute).append(volumeBar).append(idx);
if (data.showYTLogo) {
buttonBar.append(movieUrl);
}
if (YTPlayer.isBackground || (eval(YTPlayer.opt.realfullscreen) && !YTPlayer.isBackground))
buttonBar.append(onlyVideo);
controlBar.append(buttonBar).append(progressBar);
if (!YTPlayer.isBackground) {
controlBar.addClass("inlinePlayer");
YTPlayer.wrapper.before(controlBar);
} else {
jQuery("body").after(controlBar);
}
volumeBar.simpleSlider({
initialval : YTPlayer.opt.vol,
scale : 100,
orientation: "h",
callback : function (el) {
if (el.value == 0) {
$(YTPlayer).muteYTP();
} else {
$(YTPlayer).unmuteYTP();
}
YTPlayer.player.setVolume(el.value);
if (!YTPlayer.isMute)
YTPlayer.opt.vol = el.value;
}
});
},
checkForState: function (YTPlayer) {
var interval = YTPlayer.opt.showControls ? 100 : 1000;
clearInterval(YTPlayer.getState);
YTPlayer.getState = setInterval(function () {
//Checking if player has been removed from scene
if (!jQuery.contains(document, YTPlayer)) {
jQuery(YTPlayer).playerDestroy();
return
}
var prog = jQuery(YTPlayer).manageYTPProgress();
var $YTPlayer = jQuery(YTPlayer);
var controlBar = jQuery("#controlBar_" + YTPlayer.id);
var data = YTPlayer.opt;
var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1;
var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0;
stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0;
if (YTPlayer.player.time != prog.currentTime) {
var YTPevent = jQuery.Event("YTPTime");
YTPevent.time = YTPlayer.player.time;
jQuery(YTPlayer).trigger(YTPevent);
}
YTPlayer.player.time = prog.currentTime;
if (YTPlayer.player.getVolume() == 0)
$YTPlayer.addClass("isMuted");
else
$YTPlayer.removeClass("isMuted");
if (YTPlayer.opt.showControls)
if (prog.totalTime) {
controlBar.find(".mb_YTPTime").html(jQuery.mbYTPlayer.formatTime(prog.currentTime) + " / " + jQuery.mbYTPlayer.formatTime(prog.totalTime));
} else {
controlBar.find(".mb_YTPTime").html("-- : -- / -- : --");
}
if (eval(YTPlayer.opt.stopMovieOnBlur))
if (!document.hasFocus()) {
if (YTPlayer.state == 1) {
YTPlayer.hasFocus = false;
$YTPlayer.pauseYTP();
}
} else if (document.hasFocus() && !YTPlayer.hasFocus && !(YTPlayer.state == -1 || YTPlayer.state == 0)) {
YTPlayer.hasFocus = true;
$YTPlayer.playYTP();
}
if (YTPlayer.controlBar && YTPlayer.controlBar.outerWidth() <= 400 && !YTPlayer.isCompact) {
YTPlayer.controlBar.addClass("compact");
YTPlayer.isCompact = true;
if (!YTPlayer.isMute && YTPlayer.volumeBar)
YTPlayer.volumeBar.updateSliderVal(YTPlayer.opt.vol);
} else if (YTPlayer.controlBar && YTPlayer.controlBar.outerWidth() > 400 && YTPlayer.isCompact) {
YTPlayer.controlBar.removeClass("compact");
YTPlayer.isCompact = false;
if (!YTPlayer.isMute && YTPlayer.volumeBar)
YTPlayer.volumeBar.updateSliderVal(YTPlayer.opt.vol);
}; ;
if (YTPlayer.player.getPlayerState() == 1 && (parseFloat(YTPlayer.player.getDuration() - 3) < YTPlayer.player.getCurrentTime() || (stopAt > 0 && parseFloat(YTPlayer.player.getCurrentTime()) > stopAt))) {
if (YTPlayer.isEnded)
return;
YTPlayer.isEnded = true;
setTimeout(function () {YTPlayer.isEnded = false}, 2000);
if (YTPlayer.isPlayList) {
clearInterval(YTPlayer.getState);
var YTPEnd = jQuery.Event("YTPEnd");
YTPEnd.time = YTPlayer.player.time;
jQuery(YTPlayer).trigger(YTPEnd);
return;
} else if (!data.loop) {
YTPlayer.player.pauseVideo();
YTPlayer.wrapper.CSSAnimate({opacity: 0}, 1000, function () {
var YTPEnd = jQuery.Event("YTPEnd");
YTPEnd.time = YTPlayer.player.time;
jQuery(YTPlayer).trigger(YTPEnd);
YTPlayer.player.seekTo(startAt, true);
if (!YTPlayer.isBackground) {
var bgndURL = YTPlayer.videoData.thumbnail.hqDefault;
jQuery(YTPlayer).css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"});
}
});
} else
YTPlayer.player.seekTo(startAt, true);
}
}, interval);
},
formatTime: function (s) {
var min = Math.floor(s / 60);
var sec = Math.floor(s - (60 * min));
return (min <= 9 ? "0" + min : min) + " : " + (sec <= 9 ? "0" + sec : sec);
}
};
jQuery.fn.toggleVolume = function () {
var YTPlayer = this.get(0);
if (!YTPlayer)
return;
if (YTPlayer.player.isMuted()) {
jQuery(YTPlayer).unmuteYTP();
return true;
} else {
jQuery(YTPlayer).muteYTP();
return false;
}
};
jQuery.fn.optimizeDisplay = function () {
var YTPlayer = this.get(0);
var data = YTPlayer.opt;
var playerBox = jQuery(YTPlayer.playerEl);
var win = {};
var el = YTPlayer.wrapper;
win.width = el.outerWidth();
win.height = el.outerHeight();
var margin = 24;
var overprint = 100;
var vid = {};
if (data.optimizeDisplay) {
vid.width = win.width + ((win.width * margin) / 100);
vid.height = data.ratio == "16/9" ? Math.ceil((9 * win.width) / 16) : Math.ceil((3 * win.width) / 4);
vid.marginTop = -((vid.height - win.height) / 2);
vid.marginLeft = -((win.width * (margin / 2)) / 100);
if (vid.height < win.height) {
vid.height = win.height + ((win.height * margin) / 100);
vid.width = data.ratio == "16/9" ? Math.floor((16 * win.height) / 9) : Math.floor((4 * win.height) / 3);
vid.marginTop = -((win.height * (margin / 2)) / 100);
vid.marginLeft = -((vid.width - win.width) / 2);
}
vid.width += overprint;
vid.height += overprint;
vid.marginTop -= overprint / 2;
vid.marginLeft -= overprint / 2;
} else {
vid.width = "100%";
vid.height = "100%";
vid.marginTop = 0;
vid.marginLeft -= 0;
}
playerBox.css({width: vid.width, height: vid.height, marginTop: vid.marginTop, marginLeft: vid.marginLeft});
};
jQuery.shuffle = function (arr) {
var newArray = arr.slice();
var len = newArray.length;
var i = len;
while (i--) {
var p = parseInt(Math.random() * len);
var t = newArray[i];
newArray[i] = newArray[p];
newArray[p] = t;
}
return newArray;
};
/*Exposed method for external use*/
jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer;
jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.YTPlaylist;
jQuery.fn.YTPPlayNext = jQuery.mbYTPlayer.playNext;
jQuery.fn.YTPPlayPrev = jQuery.mbYTPlayer.playPrev;
jQuery.fn.YTPChangeMovie = jQuery.mbYTPlayer.changeMovie;
jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID;
jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer;
jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy;
jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen;
jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildYTPControls;
jQuery.fn.playYTP = jQuery.mbYTPlayer.playYTP;
jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops;
jQuery.fn.stopYTP = jQuery.mbYTPlayer.stopYTP;
jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pauseYTP;
jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekToYTP;
jQuery.fn.muteYTP = jQuery.mbYTPlayer.muteYTP;
jQuery.fn.unmuteYTP = jQuery.mbYTPlayer.unmuteYTP;
jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setYTPVolume;
jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality;
jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageYTPProgress;
jQuery.fn.getDataFromFeed = jQuery.mbYTPlayer.getVideoData;
jQuery.fn.YTPApplyFilter = jQuery.mbYTPlayer.applyFilter;
jQuery.fn.YTPApplyFilters = jQuery.mbYTPlayer.applyFilters;
jQuery.fn.YTPRemoveFilter = jQuery.mbYTPlayer.removeFilter;
jQuery.fn.YTPDisableFilters = jQuery.mbYTPlayer.disableFilters;
jQuery.fn.YTPEnableFilters = jQuery.mbYTPlayer.enableFilters;
jQuery.fn.YTPToggleFilters = jQuery.mbYTPlayer.toggleFilters;
/** @deprecated **/
jQuery.fn.mb_YTPlayer = jQuery.fn.YTPlayer;
jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.muteYTP;
jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmuteYTP;
jQuery.fn.playNext = jQuery.mbYTPlayer.playNext;
jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev;
jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie;
})(jQuery, ytp);