Template:Peking/Javascript/jquery mb YTPlayer

$(document).ready(function(){

var onMobile = false; if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { onMobile = true; }

if( ( onMobile === false ) ) {

$(".player").mb_YTPlayer();

} else {

/* as a fallback we add a special class to the header which displays a poster image */ $('#home').addClass('video-section');

/* hide player */ $(".player").hide();

$("#video-volume").hide();

}

});

/*

* ******************************************************************************
*  jquery.mb.components
*  file: jquery.mb.YTPlayer.js
*
*  Copyright (c) 2001-2013. Matteo Bicocchi (Pupunzi);
*  Open lab srl, Firenze - Italy
*  email: matteo@open-lab.com
*  site: 	http://pupunzi.com
*  blog:	http://pupunzi.open-lab.com
* 	http://open-lab.com
*
*  Licences: MIT, GPL
*  http://www.opensource.org/licenses/mit-license.php
*  http://www.gnu.org/licenses/gpl.html
*
*  last modified: 30/08/13 23.31
*  *****************************************************************************
*/

/*Browser detection patch*/ (function(){if(!(8>jQuery.fn.jquery.split(".")[1])){jQuery.browser={};jQuery.browser.mozilla=!1;jQuery.browser.webkit=!1;jQuery.browser.opera=!1;jQuery.browser.msie=!1;var a=navigator.userAgent;jQuery.browser.name=navigator.appName;jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion);jQuery.browser.majorVersion=parseInt(navigator.appVersion,10);var c,b;if(-1!=(b=a.indexOf("Opera"))){if(jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=a.substring(b+6),-1!=(b= a.indexOf("Version")))jQuery.browser.fullVersion=a.substring(b+8)}else if(-1!=(b=a.indexOf("MSIE")))jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer",jQuery.browser.fullVersion=a.substring(b+5);else if(-1!=(b=a.indexOf("Chrome")))jQuery.browser.webkit=!0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=a.substring(b+7);else if(-1!=(b=a.indexOf("Safari"))){if(jQuery.browser.webkit=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=a.substring(b+7),-1!=(b=a.indexOf("Version")))jQuery.browser.fullVersion= a.substring(b+8)}else if(-1!=(b=a.indexOf("Firefox")))jQuery.browser.mozilla=!0,jQuery.browser.name="Firefox",jQuery.browser.fullVersion=a.substring(b+8);else if((c=a.lastIndexOf(" ")+1)<(b=a.lastIndexOf("/")))jQuery.browser.name=a.substring(c,b),jQuery.browser.fullVersion=a.substring(b+1),jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()&&(jQuery.browser.name=navigator.appName);if(-1!=(a=jQuery.browser.fullVersion.indexOf(";")))jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0, a);if(-1!=(a=jQuery.browser.fullVersion.indexOf(" ")))jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,a);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);

/*******************************************************************************

* jQuery.mb.components: jquery.mb.CSSAnimate
******************************************************************************/

jQuery.fn.CSSAnimate=function(a,b,k,l,f){return this.each(function(){var c=jQuery(this);if(0!==c.length&&a){"function"==typeof b&&(f=b,b=jQuery.fx.speeds._default);"function"==typeof k&&(f=k,k=0);"function"==typeof l&&(f=l,l="cubic-bezier(0.65,0.03,0.36,0.72)");if("string"==typeof b)for(var j in jQuery.fx.speeds)if(b==j){b=jQuery.fx.speeds[j];break}else b=null;if(jQuery.support.transition){var e="",h="transitionEnd";jQuery.browser.webkit?(e="-webkit-",h="webkitTransitionEnd"):jQuery.browser.mozilla? (e="-moz-",h="transitionend"):jQuery.browser.opera?(e="-o-",h="otransitionend"):jQuery.browser.msie&&(e="-ms-",h="msTransitionEnd");j=[];for(d in a){var g=d;"transform"===g&&(g=e+"transform",a[g]=a[d],delete a[d]);"transform-origin"===g&&(g=e+"transform-origin",a[g]=a[d],delete a[d]);j.push(g);c.css(g)||c.css(g,0)}d=j.join(",");c.css(e+"transition-property",d);c.css(e+"transition-duration",b+"ms");c.css(e+"transition-delay",k+"ms");c.css(e+"transition-timing-function",l);c.css(e+"backface-visibility", "hidden");setTimeout(function(){c.css(a)},0);setTimeout(function(){c.called||!f?c.called=!1:f()},b+20);c.on(h,function(a){c.off(h);c.css(e+"transition","");a.stopPropagation();"function"==typeof f&&(c.called=!0,f());return!1})}else{for(var d in a)"transform"===d&&delete a[d],"transform-origin"===d&&delete a[d],"auto"===a[d]&&delete a[d];if(!f||"string"===typeof f)f="linear";c.animate(a,b,f)}}})}; jQuery.fn.CSSAnimateStop=function(){var a="",b="transitionEnd";jQuery.browser.webkit?(a="-webkit-",b="webkitTransitionEnd"):jQuery.browser.mozilla?(a="-moz-",b="transitionend"):jQuery.browser.opera?(a="-o-",b="otransitionend"):jQuery.browser.msie&&(a="-ms-",b="msTransitionEnd");jQuery(this).css(a+"transition","");jQuery(this).off(b)}; jQuery.support.transition=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}();

/*

* Metadata - jQuery plugin for parsing metadata from elements
* Copyright (c) 2006 John Resig, Yehuda Katz, Jörn Zaefferer, Paul McLanahan
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/

/***************************************************************************************/ if(typeof ytp != "object") ytp ={};

String.prototype.getVideoID=function(){ var movieURL; if(this.substr(0,16)=="http://youtu.be/"){ movieURL= this.replace("http://youtu.be/",""); }else if(this.indexOf("http")>-1){ movieURL = this.match(/[\\?&]v=([^&#]*)/)[1]; }else{ movieURL = this } return movieURL; };

var isDevice = 'ontouchstart' in window;

function onYouTubePlayerAPIReady() { if(ytp.YTAPIReady) return;

ytp.YTAPIReady=true; jQuery(document).trigger("YTAPIReady"); }

(function (jQuery) {

jQuery.mbYTPlayer = { name : "jquery.mb.YTPlayer", version : "2.5.7", author : "Matteo Bicocchi", defaults : { containment : "body", ratio : "16/9", showYTLogo : false, videoURL : null, startAt : 0, autoPlay : true, vol :10, addRaster : false, opacity : 1, quality : "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres” mute : false, loop : true, showControls : true, showAnnotations : false, printUrl : true, stopMovieOnClick :false, realfullscreen :true, onReady : function (player) {}, onStateChange : function (player) {}, onPlaybackQualityChange: function (player) {}, onError : function (player) {} }, //todo: use @font-face instead controls : { play : "P", pause : "p", mute : "M", unmute: "A", onlyYT: "O", showSite: "R", ytLogo: "Y" }, rasterImg : "images/raster.png", rasterImgRetina: "images/raster@2x.png",

buildPlayer: function (options) {

return this.each(function () { var YTPlayer = this; var $YTPlayer = jQuery(YTPlayer);

YTPlayer.loop = 0; YTPlayer.opt = {}; var property = {};

$YTPlayer.addClass("mb_YTVPlayer");

if (jQuery.metadata) { jQuery.metadata.setType("class"); property = $YTPlayer.metadata(); }

if (jQuery.isEmptyObject(property)) property = $YTPlayer.data("property") && typeof $YTPlayer.data("property") == "string" ? eval('(' + $YTPlayer.data("property") + ')') : $YTPlayer.data("property");

jQuery.extend(YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property);

var canGoFullscreen = true;

if(!canGoFullscreen) YTPlayer.opt.realfullscreen = t;

if (!$YTPlayer.attr("id")) $YTPlayer.attr("id", "id_" + new Date().getTime());

YTPlayer.opt.id = YTPlayer.id; YTPlayer.isAlone = false;

/*to maintain back compatibility * ***********************************************************/ if (YTPlayer.opt.isBgndMovie) YTPlayer.opt.containment = "body";

if (YTPlayer.opt.isBgndMovie && YTPlayer.opt.isBgndMovie.mute != undefined) YTPlayer.opt.mute = YTPlayer.opt.isBgndMovie.mute;

if (!YTPlayer.opt.videoURL) YTPlayer.opt.videoURL = $YTPlayer.attr("href");

/************************************************************/

var playerID = "mbYTP_" + YTPlayer.id; var videoID = this.opt.videoURL ? this.opt.videoURL.getVideoID() : $YTPlayer.attr("href") ? $YTPlayer.attr("href").getVideoID() : false; YTPlayer.videoID = videoID;

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};

var canPlayHTML5 = false; var v = document.createElement('video'); if (v.canPlayType ) { // && !jQuery.browser.msie canPlayHTML5 = true; }

if (canPlayHTML5) // && !(YTPlayer.isPlayList && jQuery.browser.msie) 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.isBackground ? "fixed" :

YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery(this) : jQuery(YTPlayer.opt.containment);

YTPlayer.isBackground = YTPlayer.opt.containment.get(0).tagName.toLowerCase() == "body";

if (isDevice && YTPlayer.isBackground){ $YTPlayer.hide(); return; }

if (YTPlayer.opt.addRaster) { var retina = (window.retina || window.devicePixelRatio > 1); overlay.addClass(retina ? "raster retina" : "raster"); }else{ overlay.removeClass("raster retina"); }

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", opacity: this.opt.opacity}); wrapper.append(playerBox);

if (YTPlayer.isBackground && ytp.isInit) return;

YTPlayer.opt.containment.children().each(function () { if (jQuery(this).css("position") == "static") jQuery(this).css("position", "relative"); });

if (YTPlayer.isBackground) { jQuery("body").css({position: "relative", minWidth: "100%", minHeight: "100%", zIndex: 1, boxSizing: "border-box"}); wrapper.css({position: "absolute", top: 0, left: 0, zIndex: 0}); $YTPlayer.hide(); YTPlayer.opt.containment.prepend(wrapper); } else YTPlayer.opt.containment.prepend(wrapper);

YTPlayer.wrapper = wrapper;

playerBox.css({opacity: 1});

if (!isDevice){ playerBox.after(overlay); YTPlayer.overlay = overlay; }

if(!YTPlayer.isBackground){ overlay.on("mouseenter",function(){ $YTPlayer.find(".mb_YTVPBar").addClass("visible"); }).on("mouseleave",function(){ $YTPlayer.find(".mb_YTVPBar").removeClass("visible"); }) }

// add YT API to the header //jQuery("#YTAPI").remove();

if(!ytp.YTAPIReady){ var tag = document.createElement('script'); tag.src = "http://www.youtube.com/player_api"; tag.id = "YTAPI"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); }else{ setTimeout(function(){ jQuery(document).trigger("YTAPIReady"); }, 200) }

jQuery(document).on("YTAPIReady", function () {

if ((YTPlayer.isBackground && ytp.isInit) || YTPlayer.opt.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.isInit = true;

YTPlayer.opt.isInit = true;

YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100;

jQuery.mbYTPlayer.getDataFromFeed(YTPlayer.videoID, YTPlayer);

jQuery(document).on("getVideoInfo_" + YTPlayer.opt.id, function () {

if(isDevice && !YTPlayer.isBackground){ new YT.Player(playerID, { height: '100%', width: '100%', videoId: YTPlayer.videoID, events: { 'onReady': function(){ $YTPlayer.optimizeDisplay(); playerBox.css({opacity: 1}); YTPlayer.wrapper.css({opacity: 1}); $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();

//YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality);

if (YTPlayer.opt.startAt > 0) YTPlayer.player.seekTo(parseFloat(YTPlayer.opt.startAt), true);

if (!YTPlayer.opt.autoPlay) {

$YTPlayer.stopYTP(); YTPlayer.checkForStartAt = setInterval(function () { if (YTPlayer.player.getCurrentTime() >= YTPlayer.opt.startAt) { clearInterval(YTPlayer.checkForStartAt); $YTPlayer.pauseYTP();

if (YTPlayer.opt.mute) { jQuery(YTPlayer).muteYTPVolume(); }else{ jQuery(YTPlayer).unmuteYTPVolume(); } } }, 1);

} else { $YTPlayer.playYTP(); YTPlayer.player.setVolume(YTPlayer.opt.vol);

if (YTPlayer.opt.mute) { jQuery(YTPlayer).muteYTPVolume(); }else{ jQuery(YTPlayer).unmuteYTPVolume(); } }

if (typeof YTPlayer.opt.onReady == "function") YTPlayer.opt.onReady($YTPlayer);

jQuery.mbYTPlayer.checkForState(YTPlayer);

},

'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 (typeof YTPlayer.opt.onStateChange == "function") YTPlayer.opt.onStateChange($YTPlayer, state);

var playerBox = jQuery(YTPlayer.playerEl); var controls = jQuery("#controlBar_" + YTPlayer.id);

var data = YTPlayer.opt;

if (state == 0) { // end if (YTPlayer.state == state) return;

YTPlayer.state = state; YTPlayer.player.pauseVideo(); var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1;

if (data.loop) { YTPlayer.wrapper.css({opacity: 0}); $YTPlayer.playYTP(); YTPlayer.player.seekTo(startAt,true);

} else if (!YTPlayer.isBackground) { YTPlayer.player.seekTo(startAt, true); $YTPlayer.playYTP(); setTimeout(function () { $YTPlayer.pauseYTP(); }, 10); }

if (!data.loop && YTPlayer.isBackground) YTPlayer.wrapper.CSSAnimate({opacity: 0}, 2000); else if (data.loop) { YTPlayer.wrapper.css({opacity: 0}); YTPlayer.loop++; }

controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.play); jQuery(YTPlayer).trigger("YTPEnd"); }

if (state == 3) { // buffering if (YTPlayer.state == state) return; YTPlayer.state = state; controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.play); jQuery(YTPlayer).trigger("YTPBuffering"); }

if (state == -1) { // unstarted if (YTPlayer.state == state) return; YTPlayer.state = state;

YTPlayer.wrapper.css({opacity:0});

jQuery(YTPlayer).trigger("YTPUnstarted"); }

if (state == 1) { // play if (YTPlayer.state == state) return; YTPlayer.state = state; YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality);

if(YTPlayer.opt.mute){ $YTPlayer.muteYTPVolume(); YTPlayer.opt.mute = false; }

if (YTPlayer.opt.autoPlay && YTPlayer.loop == 0) { YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); } else if(!YTPlayer.isBackground) { YTPlayer.wrapper.css({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}); $YTPlayer.css({background: "rgba(0,0,0,0.5)"}); }else{ setTimeout(function () { jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 1}, 2000); YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 2000); }, 1000); }

controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.pause);

jQuery(YTPlayer).trigger("YTPStart"); }

if (state == 2) { // pause if (YTPlayer.state == state) return; YTPlayer.state = state; controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.play); jQuery(YTPlayer).trigger("YTPPause"); } }, 'onPlaybackQualityChange': function (e) { if (typeof YTPlayer.opt.onPlaybackQualityChange == "function") YTPlayer.opt.onPlaybackQualityChange($YTPlayer); }, 'onError' : function (err) {

if(err.data == 2 && YTPlayer.isPlayList) jQuery(YTPlayer).playNext();

if (typeof YTPlayer.opt.onError == "function") YTPlayer.opt.onError($YTPlayer, err); } } }); }); }) }); },

getDataFromFeed: function (videoID, YTPlayer) { //Get video info from FEEDS API

YTPlayer.videoID = videoID; if (!jQuery.browser.msie) { //!(jQuery.browser.msie && jQuery.browser.version<9)

jQuery.getJSON('http://gdata.youtube.com/feeds/api/videos/' + videoID + '?v=2&alt=jsonc', function (data, status, xhr) {

YTPlayer.dataReceived = true;

var videoData = data.data;

YTPlayer.title = videoData.title; YTPlayer.videoData = videoData;

if (YTPlayer.opt.ratio == "auto") if (videoData.aspectRatio && videoData.aspectRatio === "widescreen") YTPlayer.opt.ratio = "16/9"; else YTPlayer.opt.ratio = "4/3";

if(!YTPlayer.isInit){

YTPlayer.isInit = 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"}); }

jQuery(document).trigger("getVideoInfo_" + YTPlayer.opt.id); } jQuery(YTPlayer).trigger("YTPChanged"); });

setTimeout(function(){ if(!YTPlayer.dataReceived && !YTPlayer.isInit){ YTPlayer.isInit = true; jQuery(document).trigger("getVideoInfo_" + YTPlayer.opt.id); } },2500)

} else { YTPlayer.opt.ratio == "auto" ? YTPlayer.opt.ratio = "16/9" : YTPlayer.opt.ratio;

if(!YTPlayer.isInit){ YTPlayer.isInit = true; setTimeout(function(){ jQuery(document).trigger("getVideoInfo_" + YTPlayer.opt.id); },100)

} jQuery(YTPlayer).trigger("YTPChanged"); } },

getVideoID: function(){ var YTPlayer = this.get(0); return YTPlayer.videoID || false ; },

setVideoQuality: function(quality){ var YTPlayer = this.get(0); YTPlayer.player.setPlaybackQuality(quality); },

YTPlaylist : function(videos, shuffle, callback){ var YTPlayer = this.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(); }); },

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]); },

changeMovie: function (opt) { var YTPlayer = this.get(0); var data = YTPlayer.opt; if (opt) { jQuery.extend(data, opt); }

YTPlayer.videoID = data.videoURL.getVideoID();

jQuery(YTPlayer).pauseYTP(); var timer = jQuery.browser.msie ? 1000 : 0; jQuery(YTPlayer).getPlayer().cueVideoByUrl(encodeURI("http://www.youtube.com/v/" + YTPlayer.videoID) , 5 , YTPlayer.opt.quality);

setTimeout(function(){ jQuery(YTPlayer).playYTP(); jQuery(YTPlayer).one("YTPStart", function(){ jQuery(YTPlayer.playerEl).CSSAnimate({opacity:1},2000); });

},timer)

if (YTPlayer.opt.mute) { jQuery(YTPlayer).muteYTPVolume(); }else{ jQuery(YTPlayer).unmuteYTPVolume(); }

if (YTPlayer.opt.addRaster) { var retina = (window.retina || window.devicePixelRatio > 1); YTPlayer.overlay.addClass(retina ? "raster retina" : "raster"); }else{ YTPlayer.overlay.removeClass("raster"); YTPlayer.overlay.removeClass("retina"); }

jQuery("#controlBar_" + YTPlayer.id).remove();

if (YTPlayer.opt.showControls) jQuery(YTPlayer).buildYTPControls();

jQuery.mbYTPlayer.getDataFromFeed(YTPlayer.videoID, YTPlayer); jQuery(YTPlayer).optimizeDisplay(); jQuery.mbYTPlayer.checkForState(YTPlayer);

},

getPlayer: function () { return jQuery(this).get(0).player; },

playerDestroy: function () { var YTPlayer = this.get(0); ytp.YTAPIReady = false; ytp.isInit = false; YTPlayer.opt.isInit = false; YTPlayer.videoID = null;

var playerBox = YTPlayer.wrapper; playerBox.remove(); jQuery("#controlBar_" + YTPlayer.id).remove(); },

fullscreen: function(real) {

var YTPlayer = this.get(0);

var controls = jQuery("#controlBar_" + YTPlayer.id); var fullScreenBtn = controls.find(".mb_OnlyYT"); var videoWrapper = jQuery(YTPlayer.wrapper); if(real){ var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; jQuery(document).off(fullscreenchange); jQuery(document).on(fullscreenchange, function() { var isFullScreen = RunPrefixMethod(document, "IsFullScreen") || RunPrefixMethod(document, "FullScreen");

if (!isFullScreen) { jQuery(YTPlayer).removeClass("fullscreen"); YTPlayer.isAlone = false; fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT) jQuery(YTPlayer).setVideoQuality(YTPlayer.opt.quality);

if (YTPlayer.isBackground){ jQuery("body").after(controls); }else{ YTPlayer.wrapper.before(controls); } }else{ jQuery(YTPlayer).setVideoQuality("default"); } }); }

if (!YTPlayer.isAlone) {

if (YTPlayer.player.getPlayerState() >= 1) {

if(YTPlayer.player.getPlayerState() != 1 && YTPlayer.player.getPlayerState() != 2) jQuery(YTPlayer).playYTP();

if(real){ YTPlayer.wrapper.append(controls); jQuery(YTPlayer).addClass("fullscreen"); launchFullscreen(videoWrapper.get(0)); } else videoWrapper.css({zIndex: 10000}).CSSAnimate({opacity: 1}, 1000, 0);

jQuery(YTPlayer).trigger("YTPFullScreenStart");

fullScreenBtn.html(jQuery.mbYTPlayer.controls.showSite) YTPlayer.isAlone = true; }

} else {

if(real){ cancelFullscreen(); } else{ videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); }

jQuery(YTPlayer).trigger("YTPFullScreenEnd");

videoWrapper.css({zIndex: -1}); fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT) YTPlayer.isAlone = false; }

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); var controls = jQuery("#controlBar_" + YTPlayer.id); var playBtn = controls.find(".mb_YTVPPlaypause"); playBtn.html(jQuery.mbYTPlayer.controls.pause); YTPlayer.player.playVideo();

YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 2000); $(YTPlayer).on("YTPStart", function(){ jQuery(YTPlayer).css("background", "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_YTVPPlaypause"); playBtn.html(jQuery.mbYTPlayer.controls.play); YTPlayer.player.stopVideo(); },

pauseYTP: function () { var YTPlayer = this.get(0); var data = YTPlayer.opt; var controls = jQuery("#controlBar_" + YTPlayer.id); var playBtn = controls.find(".mb_YTVPPlaypause"); playBtn.html(jQuery.mbYTPlayer.controls.play); YTPlayer.player.pauseVideo(); },

setYTPVolume: function (val) { var YTPlayer = this.get(0); if (!val && !YTPlayer.opt.vol && player.getVolume() == 0) jQuery(YTPlayer).unmuteYTPVolume(); else if ((!val && YTPlayer.player.getVolume() > 0) || (val && YTPlayer.player.getVolume() == val)) jQuery(YTPlayer).muteYTPVolume(); else YTPlayer.opt.vol = val; YTPlayer.player.setVolume(YTPlayer.opt.vol); },

muteYTPVolume: function () { var YTPlayer = this.get(0); YTPlayer.opt.vol = YTPlayer.player.getVolume() || 50; YTPlayer.player.mute(); YTPlayer.player.setVolume(0); var controls = jQuery("#controlBar_" + YTPlayer.id); var muteBtn = controls.find(".mb_YTVPMuteUnmute"); muteBtn.html(jQuery.mbYTPlayer.controls.unmute); },

unmuteYTPVolume: function () { var YTPlayer = this.get(0);

YTPlayer.player.unMute(); YTPlayer.player.setVolume(YTPlayer.opt.vol);

var controls = jQuery("#controlBar_" + YTPlayer.id); var muteBtn = controls.find(".mb_YTVPMuteUnmute"); muteBtn.html(jQuery.mbYTPlayer.controls.mute); },

manageYTPProgress: function () { var YTPlayer = this.get(0); var controls = jQuery("#controlBar_" + YTPlayer.id); var progressBar = controls.find(".mb_YTVPProgress"); var loadedBar = controls.find(".mb_YTVPLoaded"); var timeBar = controls.find(".mb_YTVTime"); 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;

if(jQuery("#controlBar_"+ YTPlayer.id).length) return;

var controlBar = jQuery("<span/>").attr("id", "controlBar_" + YTPlayer.id).addClass("mb_YTVPBar").css({whiteSpace: "noWrap", position: YTPlayer.isBackground ? "fixed" : "absolute", zIndex: YTPlayer.isBackground ? 10000 : 1000}).hide(); var buttonBar = jQuery("<div/>").addClass("buttonBar"); var playpause = jQuery("" + jQuery.mbYTPlayer.controls.play + "").addClass("mb_YTVPPlaypause ytpicon").click(function () { if (YTPlayer.player.getPlayerState() == 1) jQuery(YTPlayer).pauseYTP(); else jQuery(YTPlayer).playYTP(); });

var idx = jQuery("<span/>").addClass("mb_YTVPTime");

var vURL = data.videoURL; if(vURL.indexOf("http") < 0) vURL = "http://www.youtube.com/watch?v="+data.videoURL; var movieUrl = jQuery("<span/>").html(jQuery.mbYTPlayer.controls.ytLogo).addClass("mb_YTVPUrl 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_YTVPProgress").css("position", "absolute").click(function (e) { timeBar.css({width: (e.clientX - timeBar.offset().left)}); YTPlayer.timeW = e.clientX - timeBar.offset().left; controlBar.find(".mb_YTVPLoaded").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_YTVPLoaded").css({width: 0}); });

var loadedBar = jQuery("<div/>").addClass("mb_YTVPLoaded").css("position", "absolute"); var timeBar = jQuery("<div/>").addClass("mb_YTVTime").css("position", "absolute");

progressBar.append(loadedBar).append(timeBar); buttonBar.append(playpause).append(MuteUnmute).append(idx);

if (data.printUrl){ buttonBar.append(movieUrl); }

if (YTPlayer.isBackground || (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); } controlBar.fadeIn();

},

checkForState:function(YTPlayer){

var controlBar = jQuery("#controlBar_" + YTPlayer.id); var data = YTPlayer.opt; var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1;

YTPlayer.getState = setInterval(function () { var prog = jQuery(YTPlayer).manageYTPProgress();

controlBar.find(".mb_YTVPTime").html(jQuery.mbYTPlayer.formatTime(prog.currentTime) + " / " + jQuery.mbYTPlayer.formatTime(prog.totalTime)); if (parseFloat(YTPlayer.player.getDuration() - 3) < YTPlayer.player.getCurrentTime() && YTPlayer.player.getPlayerState() == 1 && !YTPlayer.isPlayList) { if(!data.loop){ YTPlayer.player.pauseVideo(); YTPlayer.wrapper.CSSAnimate({opacity: 0}, 2000,function(){ YTPlayer.player.seekTo(startAt);

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); jQuery(YTPlayer).trigger("YTPEnd"); } }, 1);

},

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).unmuteYTPVolume(); return true; } else { jQuery(YTPlayer).muteYTPVolume(); 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.isBackground ? data.containment : jQuery(window);

win.width = el.width(); win.height = el.height();

var margin = 24; var vid = {}; 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); } 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; };

jQuery.fn.mb_YTPlayer = jQuery.mbYTPlayer.buildPlayer; jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.YTPlaylist; jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; jQuery.fn.changeMovie = 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.muteYTPVolume = jQuery.mbYTPlayer.muteYTPVolume; jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmuteYTPVolume; jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setYTPVolume; jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageYTPProgress;

})(jQuery);