vendor: 8,754 bytes, lines 1-74
1/*___________________________________________________________________________________________________________________________________________________ 2 _ jquery.mb.components _ 3 _ _ 4 _ file: jquery.mb.YTPlayer.js _ 5 _ last modified: 19/08/14 20.13 _ 6 _ _ 7 _ Open Lab s.r.l., Florence - Italy _ 8 _ _ 9 _ email: [email protected] _ 10 _ site: http://pupunzi.com _ 11 _ http://open-lab.com _ 12 _ blog: http://pupunzi.open-lab.com _ 13 _ Q&A: http://jquery.pupunzi.com _ 14 _ _ 15 _ Licences: MIT, GPL _ 16 _ http://www.opensource.org/licenses/mit-license.php _ 17 _ http://www.gnu.org/licenses/gpl.html _ 18 _ _ 19 _ Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); _ 20 ___________________________________________________________________________________________________________________________________________________*/ 21 22var ytp = ytp || {}; 23 24function onYouTubePlayerAPIReady() { 25 if(ytp.YTAPIReady) 26 return; 27 28 ytp.YTAPIReady=true; 29 jQuery(document).trigger("YTAPIReady"); 30} 31 32(function (jQuery, ytp) { 33 34 /*Browser detection patch*/ 35 var nAgt = navigator.userAgent; 36 if (!jQuery.browser) { 37 jQuery.browser = {}; 38 jQuery.browser.mozilla = !1; 39 jQuery.browser.webkit = !1; 40 jQuery.browser.opera = !1; 41 jQuery.browser.safari = !1; 42 jQuery.browser.chrome = !1; 43 jQuery.browser.msie = !1; 44 jQuery.browser.ua = nAgt; 45 jQuery.browser.name = navigator.appName; 46 jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion); 47 jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10); 48 var nameOffset, verOffset, ix; 49 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")) { 50 jQuery.browser.msie = !0; 51 jQuery.browser.name = "Microsoft Internet Explorer"; 52 var start = nAgt.indexOf("rv:") + 3, end = start + 4; 53 jQuery.browser.fullVersion = nAgt.substring(start, end) 54 } 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)); 55 -1 != (ix = jQuery.browser.fullVersion.indexOf(";")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)); 56 -1 != (ix = jQuery.browser.fullVersion.indexOf(" ")) && (jQuery.browser.fullVersion = jQuery.browser.fullVersion.substring(0, ix)); 57 jQuery.browser.majorVersion = parseInt("" + jQuery.browser.fullVersion, 10); 58 isNaN(jQuery.browser.majorVersion) && (jQuery.browser.fullVersion = "" + parseFloat(navigator.appVersion), jQuery.browser.majorVersion = parseInt(navigator.appVersion, 10)); 59 jQuery.browser.version = jQuery.browser.majorVersion 60 } 61 jQuery.browser.android = /Android/i.test(nAgt); 62 jQuery.browser.blackberry = /BlackBerry/i.test(nAgt); 63 jQuery.browser.ios = /iPhone|iPad|iPod/i.test(nAgt); 64 jQuery.browser.operaMobile = /Opera Mini/i.test(nAgt); 65 jQuery.browser.windowsMobile = /IEMobile/i.test(nAgt); 66 jQuery.browser.mobile = jQuery.browser.android || jQuery.browser.blackberry || jQuery.browser.ios || jQuery.browser.windowsMobile || jQuery.browser.operaMobile; 67 68 ytp.isDevice = jQuery.browser.mobile; 69 70 /******************************************************************************* 71 * jQuery.mb.components: jquery.mb.CSSAnimate 72 ******************************************************************************/ 73 74 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
74)",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)}}})}; 75 76 /******************************************************************************/ 77 78 var getYTPVideoID=function(url) { 79 var movieURL; 80 if(url.substr(0,16)=="http://youtu.be/"){ 81 movieURL= url.replace("http://youtu.be/",""); 82 }else if(url.substr(0,17)=="https://youtu.be/"){ 83 movieURL= url.replace("https://youtu.be/",""); 84 }else if(url.indexOf("http")>-1){ 85 movieURL = url.match(/[\\?&]v=([^&#]*)/)[1]; 86 }else{ 87 movieURL = url 88 } 89 return movieURL; 90 }; 91 92 93 jQuery.mbYTPlayer = { 94 name : "jquery.mb.YTPlayer", 95 version : "2.7.2", 96 author : "Matteo Bicocchi", 97 defaults : { 98 containment : "body", 99 ratio : "16/9", 100 videoURL : null, 101 startAt : 0, 102 stopAt : 0, 103 autoPlay : true, 104 vol : 100, // 1 to 100 105 addRaster : false, 106 opacity : 1, 107 quality : "default", //or âsmallâ, âmediumâ, âlargeâ, âhd720â, âhd1080â, âhighresâ 108 mute : false, 109 loop : true, 110 showControls : true, 111 showAnnotations : false, 112 showYTLogo : true, 113 stopMovieOnClick : false, 114 realfullscreen : true, 115 gaTrack : true, 116 onReady : function (player) {}, 117 onStateChange : function (player) {}, 118 onPlaybackQualityChange: function (player) {}, 119 onError : function (player) {} 120 }, 121 122 /*@fontface icons*/ 123 controls : { 124 play : "P", 125 pause : "p", 126 mute : "M", 127 unmute : "A", 128 onlyYT : "O", 129 showSite: "R", 130 ytLogo : "Y" 131 }, 132 rasterImg : "images/raster.png", 133 rasterImgRetina : "images/[email protected]", 134 locationProtocol: "https:", 135 136 buildPlayer: function (options) { 137 return this.each(function () { 138 var YTPlayer = this; 139 var $YTPlayer = jQuery(YTPlayer); 140 141 YTPlayer.loop = 0; 142 YTPlayer.opt = {}; 143 144 $YTPlayer.addClass("mb_YTVPlayer"); 145 146 var property = $YTPlayer.data("property") && typeof $YTPlayer.data("property") == "string" ? eval('(' + $YTPlayer.data("property") + ')') : $YTPlayer.data("property"); 147 148 if(typeof property!="undefined" && typeof property.vol != "undefined") 149 property.vol = property.vol == 0 ? property.vol = 1: property.vol; 150 151 jQuery.extend(YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property); 152 153 var canGoFullscreen = !(jQuery.browser.msie || jQuery.browser.opera || self.location.href != top.location.href); 154 155 if (!canGoFullscreen) 156 YTPlayer.opt.realfullscreen = false;
157 158 if (!$YTPlayer.attr("id")) 159 $YTPlayer.attr("id", "YTP_" + new Date().getTime()); 160 161 YTPlayer.opt.id = YTPlayer.id; 162 YTPlayer.isAlone = false; 163 164 var playerID = "mbYTP_" + YTPlayer.id; 165 var videoID = this.opt.videoURL ? getYTPVideoID(this.opt.videoURL) : $YTPlayer.attr("href") ? getYTPVideoID($YTPlayer.attr("href")) : false; 166 YTPlayer.videoID = videoID; 167 168 YTPlayer.opt.showAnnotations = (YTPlayer.opt.showAnnotations) ? '0' : '3'; 169 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}; 170 171 var canPlayHTML5 = false; 172 var v = document.createElement('video'); 173 if (v.canPlayType) { 174 canPlayHTML5 = true; 175 } 176 177 if (canPlayHTML5) 178 jQuery.extend(playerVars, {'html5': 1}); 179 180 if (jQuery.browser.msie && jQuery.browser.version < 9) { 181 this.opt.opacity = 1; 182 } 183 184 var playerBox = jQuery("<div/>").attr("id", playerID).addClass("playerBox"); 185 var overlay = jQuery("<div/>").css({position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}).addClass("YTPOverlay"); //YTPlayer.isBackground ? "fixed" : 186 187 YTPlayer.isSelf = YTPlayer.opt.containment == "self"; 188 YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery(this) : jQuery(YTPlayer.opt.containment); 189 YTPlayer.isBackground = YTPlayer.opt.containment.get(0).tagName.toLowerCase() == "body"; 190 191 if (YTPlayer.isBackground && ytp.backgroundIsInited) 192 return; 193 194 if (!YTPlayer.opt.containment.is(jQuery(this))) { 195 $YTPlayer.hide(); 196 } else { 197 YTPlayer.isPlayer = true; 198 } 199 200 if (ytp.isDevice && YTPlayer.isBackground) { 201 $YTPlayer.remove(); 202 return; 203 } 204 205 if (YTPlayer.opt.addRaster) { 206 var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster"; 207 208 var retina = (window.retina || window.devicePixelRatio > 1); 209 overlay.addClass(retina ? classN + " retina" : classN); 210 } else { 211 212 overlay.removeClass(function (index, classNames) { 213 var current_classes = classNames.split(" "), // change the list into an array 214 classes_to_remove = []; // array of classes which are to be removed 215 216 $.each(current_classes, function (index, class_name) { 217 // if the classname begins with bg add it to the classes_to_remove array 218 if (/raster-.*/.test(class_name)) { 219 classes_to_remove.push(class_name); 220 } 221 }); 222 classes_to_remove.push("retina"); 223 // turn the array back into a string 224 return classes_to_remove.join(" "); 225 }) 226 } 227 228 var wrapper = jQuery("<div/>").addClass("mbYTP_wrapper").attr("id", "wrapper_" + playerID); 229 wrapper.css({position: "absolute", zIndex: 0, minWidth: "100%", minHeight: "100%", left: 0, top: 0, overflow: "hidden", opacity: 0}); 230 playerBox.css({position: "absolute", zIndex: 0, width: "100%", height: "100%", top: 0, left: 0, overflow: "hidden", opacity: this.opt.opacity}); 231 wrapper.append(playerBox); 232 233 234 YTPlayer.opt.containment.children().not("script, style").each(function () { 235 if (jQuery(this).css("position") == "static") 236 jQuery(this).css("position", "relative"); 237 }); 238 239 if (YTPlayer.isBackground) { 240 jQuery("body").css({position: "relative", minWidth: "100%", minHeight: "100%", zIndex: 1, boxSizing: "border-box"}); 241 wrapper.css({position: "fixed", top: 0, left: 0, zIndex: 0, webkitTransform: "translateZ(0)"}); 242 $YTPlayer.hide(); 243 } else if (YTPlayer.opt.containment.css("position") == "static") 244 YTPlayer.opt.containment.css({position: "relative"}); 245 246 247 YTPlayer.opt.containment.prepend(wrapper); 248 YTPlayer.wrapper = wrapper; 249 250 playerBox.css({opacity: 1}); 251 252 if (!ytp.isDevice) { 253 playerBox.after(overlay); 254 YTPlayer.overlay = overlay; 255 } 256 257 if (!YTPlayer.isBackground) { 258 overlay.on("mouseenter", function () { 259 $YTPlayer.find(".mb_YTVPBar").addClass("visible"); 260 }).on("mouseleave", function () { 261 $YTPlayer.find(".mb_YTVPBar").removeClass("visible"); 262 }) 263 } 264 265 if (!ytp.YTAPIReady) { 266 267 jQuery("#YTAPI").remove(); 268 var tag = jQuery("<script></script>").attr({"src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/player_api?v=" + jQuery.mbYTPlayer.version, "id": "YTAPI"}); 269 jQuery("head title").after(tag); 270 271 } else { 272 273 setTimeout(function () { 274 jQuery(document).trigger("YTAPIReady"); 275 }, 100) 276 277 } 278 279 jQuery(document).on("YTAPIReady", function () { 280
281 if ((YTPlayer.isBackground && ytp.backgroundIsInited) || YTPlayer.isInit) 282 return; 283 284 if (YTPlayer.isBackground && YTPlayer.opt.stopMovieOnClick) 285 jQuery(document).off("mousedown.ytplayer").on("mousedown,.ytplayer", function (e) { 286 var target = jQuery(e.target); 287 if (target.is("a") || target.parents().is("a")) { 288 $YTPlayer.pauseYTP(); 289 } 290 }); 291 292 if (YTPlayer.isBackground){ 293 ytp.backgroundIsInited = true; 294 } 295 296 YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? (YTPlayer.isBackground ? true : false) : YTPlayer.opt.autoPlay; 297 298 YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100; 299 300 jQuery.mbYTPlayer.getDataFromFeed(YTPlayer.videoID, YTPlayer); 301 302 jQuery(YTPlayer).on("YTPChanged", function () { 303 304 if (YTPlayer.isInit) 305 return; 306 307 YTPlayer.isInit = true; 308 309 if (ytp.isDevice && !YTPlayer.isBackground) { 310 new YT.Player(playerID, { 311 videoId: YTPlayer.videoID.toString(), 312 height : '100%', 313 width : '100%', 314 videoId: YTPlayer.videoID, 315 events : { 316 'onReady' : function (event) { 317 YTPlayer.player = event.target; 318 playerBox.css({opacity: 1}); 319 YTPlayer.wrapper.css({opacity: YTPlayer.opt.opacity}); 320 $YTPlayer.optimizeDisplay(); 321 }, 322 'onStateChange': function () {} 323 } 324 }); 325 return; 326 } 327 328 new YT.Player(playerID, { 329 videoId : YTPlayer.videoID.toString(), 330 playerVars: playerVars, 331 events : { 332 'onReady': function (event) { 333 334 YTPlayer.player = event.target; 335 336 if (YTPlayer.isReady) 337 return; 338 339 YTPlayer.isReady = true; 340 341 YTPlayer.playerEl = YTPlayer.player.getIframe(); 342 $YTPlayer.optimizeDisplay(); 343 344 YTPlayer.videoID = videoID; 345 346 jQuery(window).on("resize.YTP", function () { 347 $YTPlayer.optimizeDisplay(); 348 }); 349 350 if (YTPlayer.opt.showControls) 351 jQuery(YTPlayer).buildYTPControls(); 352 353 var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; 354 355 YTPlayer.player.setVolume(0); 356 jQuery(YTPlayer).muteYTPVolume(); 357 358 jQuery.mbYTPlayer.checkForState(YTPlayer); 359 360 YTPlayer.checkForStartAt = setInterval(function () { 361 362 var canPlayVideo = (YTPlayer.player.getVideoLoadedFraction() > startAt/YTPlayer.player.getDuration()); 363 364 if (YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo) { 365 366 clearInterval(YTPlayer.checkForStartAt); 367 368 YTPlayer.player.setVolume(0); 369 jQuery(YTPlayer).muteYTPVolume(); 370 371 if (typeof YTPlayer.opt.onReady == "function") 372 YTPlayer.opt.onReady($YTPlayer); 373 374 if (!YTPlayer.opt.mute) 375 jQuery(YTPlayer).unmuteYTPVolume(); 376 377 jQuery.mbYTPlayer.checkForState(YTPlayer); 378 379 YTPlayer.player.pauseVideo(); 380 381 setTimeout(function(){ 382 if (YTPlayer.opt.autoPlay){ 383 $YTPlayer.playYTP(); 384 $YTPlayer.css("background-image", "none"); 385 } else { 386 YTPlayer.player.pauseVideo(); 387 } 388 YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); 389 },100) 390 391 }else{ 392 YTPlayer.player.playVideo(); 393 YTPlayer.player.seekTo(startAt, true); 394 } 395 }, jQuery.browser.chrome ? 1000 : 1); 396 }, 397 398 'onStateChange' : function (event) { 399 400 /* 401 -1 (unstarted) 402 0 (ended) 403 1 (playing) 404 2 (paused) 405 3 (buffering) 406 5 (video cued). 407 */ 408 409 if (typeof event.target.getPlayerState != "function") 410 return; 411 var state = event.target.getPlayerState(); 412 413 if (typeof YTPlayer.opt.onStateChange == "function") 414 YTPlayer.opt.onStateChange($YTPlayer, state); 415 416 var controls = jQuery("#controlBar_" + YTPlayer.id); 417 418 var data = YTPlayer.opt; 419//------------------------------------------------------------------ ended 420 if (state == 0) { 421 if (YTPlayer.state == state) 422 return; 423 424 YTPlayer.state = state; 425 YTPlayer.player.pauseVideo(); 426 var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; 427 428 if (data.loop) { 429 YTPlayer.wrapper.css({opacity: 0}); 430 $YTPlayer.playYTP(); 431 YTPlayer.player.seekTo(startAt, true); 432 433 }
433 else if (!YTPlayer.isBackground) { 434 YTPlayer.player.seekTo(startAt, true); 435 $YTPlayer.playYTP(); 436 setTimeout(function () { 437 $YTPlayer.pauseYTP(); 438 }, 10); 439 } 440 441 if (!data.loop && YTPlayer.isBackground) 442 YTPlayer.wrapper.CSSAnimate({opacity: 0}, 2000); 443 else if (data.loop) { 444 YTPlayer.wrapper.css({opacity: 0}); 445 YTPlayer.loop++; 446 } 447 448 controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.play); 449 jQuery(YTPlayer).trigger("YTPEnd"); 450 } 451//------------------------------------------------------------------ buffering 452 if (state == 3) { 453 if (YTPlayer.state == state) 454 return; 455 456 YTPlayer.state = state; 457 458 if(!jQuery.browser.chrome) 459 YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality); 460 461 controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.play); 462 jQuery(YTPlayer).trigger("YTPBuffering"); 463 } 464//------------------------------------------------------------------ unstarted 465 if (state == -1) { 466 if (YTPlayer.state == state) 467 return; 468 YTPlayer.state = state; 469 jQuery(YTPlayer).trigger("YTPUnstarted"); 470 } 471//------------------------------------------------------------------ playing 472 if (state == 1) { 473 if (YTPlayer.state == state) 474 return; 475 YTPlayer.state = state; 476 477 if(!jQuery.browser.chrome) 478 YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality); 479 480 controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.pause); 481 482 jQuery(YTPlayer).trigger("YTPStart"); 483 484 if (typeof _gaq != "undefined" && eval(YTPlayer.opt.gaTrack)) 485 _gaq.push(['_trackEvent', 'YTPlayer', 'Play', (YTPlayer.title || YTPlayer.videoID.toString())]); 486 487 if (typeof ga != "undefined" && eval(YTPlayer.opt.gaTrack)) 488 ga('send', 'event', 'YTPlayer', 'play', (YTPlayer.title || YTPlayer.videoID.toString())); 489 } 490//------------------------------------------------------------------ paused 491 if (state == 2) { 492 if (YTPlayer.state == state) 493 return; 494 YTPlayer.state = state; 495 controls.find(".mb_YTVPPlaypause").html(jQuery.mbYTPlayer.controls.play); 496 jQuery(YTPlayer).trigger("YTPPause"); 497 } 498 499 }, 500 'onPlaybackQualityChange': function (e) { 501 if (typeof YTPlayer.opt.onPlaybackQualityChange == "function") 502 YTPlayer.opt.onPlaybackQualityChange($YTPlayer); 503 }, 504 'onError' : function (err) { 505 506 if (err.data == 150) 507 { 508 console.log("Embedding this video is restricted by Youtube."); 509 if (YTPlayer.isPlayList) 510 jQuery(YTPlayer).playNext(); 511 } 512 513 if (err.data == 2 && YTPlayer.isPlayList) 514 jQuery(YTPlayer).playNext(); 515 516 if (typeof YTPlayer.opt.onError == "function") 517 YTPlayer.opt.onError($YTPlayer, err); 518 } 519 } 520 }); 521 }); 522 }) 523 }); 524 }, 525 526 getDataFromFeed: function (videoID, YTPlayer) { 527 //Get video info from FEEDS API 528 529 YTPlayer.videoID = videoID; 530 if (!jQuery.browser.msie) { 531 532 jQuery.getJSON(jQuery.mbYTPlayer.locationProtocol + '//gdata.youtube.com/feeds/api/videos/' + videoID + '?v=2&alt=jsonc', function (data, status, xhr) { 533 534 YTPlayer.dataReceived = true; 535 536 var videoData = data.data; 537 538 YTPlayer.title = videoData.title; 539 YTPlayer.videoData = videoData; 540 541 if (YTPlayer.opt.ratio == "auto") 542 if (videoData.aspectRatio && videoData.aspectRatio === "widescreen") 543 YTPlayer.opt.ratio = "16/9"; 544 else 545 YTPlayer.opt.ratio = "4/3"; 546 547 if (!YTPlayer.hasData) { 548 YTPlayer.hasData = true; 549 550 if (YTPlayer.isPlayer) { 551 var bgndURL = YTPlayer.videoData.thumbnail.hqDefault; 552 YTPlayer.opt.containment.css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"}); 553 } 554 } 555 jQuery(YTPlayer).trigger("YTPChanged"); 556 557 }); 558 559 setTimeout(function () { 560 if (!YTPlayer.dataReceived && !YTPlayer.hasData) { 561 YTPlayer.hasData = true; 562 jQuery(YTPlayer).trigger("YTPChanged"); 563 } 564 }, 1500) 565 566 } else { 567 YTPlayer.opt.ratio == "auto" ? YTPlayer.opt.ratio = "16/9" : YTPlayer.opt.ratio; 568 569 if (!YTPlayer.hasData) { 570 YTPlayer.hasData = true; 571 setTimeout(function () { 572 jQuery(YTPlayer).trigger("YTPChanged"); 573 }, 100) 574 } 575 } 576 }, 577 578 getVideoID: function () { 579 var YTPlayer = this.get(0); 580 return YTPlayer.videoID || false; 581 }, 582 583 setVideoQuality: function (quality) { 584 var YTPlayer = this.get(0); 585 586 if(!jQuery.browser.chrome) 587 YTPlayer.player.setPlaybackQuality(quality); 588 }, 589 590 YTPlaylist: function (videos, shuffle, callback) { 591 var YTPlayer = this.get(0); 592 593 YTPlayer.isPlayList = true; 594 595 if (shuffle) 596 videos = jQuery.shuffle(videos); 597 598 if (!YTPlayer.videoID) { 599 YTPlayer.videos = videos; 600 YTPlayer.videoCounter = 0;
601 YTPlayer.videoLength = videos.length; 602 603 jQuery(YTPlayer).data("property", videos[0]); 604 jQuery(YTPlayer).mb_YTPlayer(); 605 } 606 607 if (typeof callback == "function") 608 jQuery(YTPlayer).on("YTPChanged", function () { 609 callback(YTPlayer); 610 }); 611 612 jQuery(YTPlayer).on("YTPEnd", function () { 613 jQuery(YTPlayer).playNext(); 614 }); 615 }, 616 617 playNext: function () { 618 var YTPlayer = this.get(0); 619 YTPlayer.videoCounter++; 620 if (YTPlayer.videoCounter >= YTPlayer.videoLength) 621 YTPlayer.videoCounter = 0; 622 jQuery(YTPlayer.playerEl).css({opacity: 0}); 623 jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]); 624 }, 625 626 playPrev: function () { 627 var YTPlayer = this.get(0); 628 YTPlayer.videoCounter--; 629 if (YTPlayer.videoCounter < 0) 630 YTPlayer.videoCounter = YTPlayer.videoLength - 1; 631 jQuery(YTPlayer.playerEl).css({opacity: 0}); 632 jQuery(YTPlayer).changeMovie(YTPlayer.videos[YTPlayer.videoCounter]); 633 }, 634 635 changeMovie: function (opt) { 636 var YTPlayer = this.get(0); 637 638 YTPlayer.opt.startAt = 0; 639 YTPlayer.opt.stopAt = 0; 640 YTPlayer.opt.mute = true; 641 642 if (opt) { 643 jQuery.extend(YTPlayer.opt, opt); 644 } 645 646 YTPlayer.videoID = getYTPVideoID(YTPlayer.opt.videoURL); 647 648 jQuery(YTPlayer).pauseYTP(); 649 var timer = jQuery.browser.msie ? 1000 : 0; 650 jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 0}, timer); 651 652 653 setTimeout(function () { 654 var quality = !jQuery.browser.chrome ? YTPlayer.opt.quality : "default"; 655 656 jQuery(YTPlayer).getPlayer().cueVideoByUrl(encodeURI(jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID), 1, quality); 657 658 jQuery(YTPlayer).playYTP(); 659 660 661 jQuery(YTPlayer).one("YTPStart", function () { 662 YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 1000); 663 jQuery(YTPlayer.playerEl).CSSAnimate({opacity: 1}, timer); 664 665 if (YTPlayer.opt.startAt) { 666 YTPlayer.player.seekTo(YTPlayer.opt.startAt); 667 } 668 jQuery.mbYTPlayer.checkForState(YTPlayer); 669 670 if(!YTPlayer.opt.autoPlay) 671 jQuery(YTPlayer).pauseYTP(); 672 673 }); 674 675 676 677 if (YTPlayer.opt.mute) { 678 jQuery(YTPlayer).muteYTPVolume(); 679 } else { 680 jQuery(YTPlayer).unmuteYTPVolume(); 681 } 682 683 }, timer); 684 685 if (YTPlayer.opt.addRaster) { 686 var retina = (window.retina || window.devicePixelRatio > 1); 687 YTPlayer.overlay.addClass(retina ? "raster retina" : "raster"); 688 } else { 689 YTPlayer.overlay.removeClass("raster"); 690 YTPlayer.overlay.removeClass("retina"); 691 } 692 693 jQuery("#controlBar_" + YTPlayer.id).remove(); 694 695 if (YTPlayer.opt.showControls) 696 jQuery(YTPlayer).buildYTPControls(); 697 698 jQuery.mbYTPlayer.getDataFromFeed(YTPlayer.videoID, YTPlayer); 699 jQuery(YTPlayer).optimizeDisplay(); 700 }, 701 702 getPlayer: function () { 703 return jQuery(this).get(0).player; 704 }, 705 706 playerDestroy: function () { 707 var YTPlayer = this.get(0); 708 ytp.YTAPIReady = false; 709 ytp.backgroundIsInited = false; 710 YTPlayer.isInit = false; 711 YTPlayer.videoID = null; 712 713 var playerBox = YTPlayer.wrapper; 714 playerBox.remove(); 715 jQuery("#controlBar_" + YTPlayer.id).remove(); 716 }, 717 718 fullscreen: function (real) { 719 720 var YTPlayer = this.get(0); 721 722 if (typeof real == "undefined") 723 real = YTPlayer.opt.realfullscreen; 724 725 real = eval(real); 726 727 var controls = jQuery("#controlBar_" + YTPlayer.id); 728 var fullScreenBtn = controls.find(".mb_OnlyYT"); 729 var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper; 730 //var videoWrapper = YTPlayer.wrapper; 731 732 if (real) { 733 var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; 734 jQuery(document).off(fullscreenchange).on(fullscreenchange, function () { 735 var isFullScreen = RunPrefixMethod(document, "IsFullScreen") || RunPrefixMethod(document, "FullScreen"); 736 737 if (!isFullScreen) { 738 YTPlayer.isAlone = false; 739 fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT); 740 jQuery(YTPlayer).setVideoQuality(YTPlayer.opt.quality); 741 videoWrapper.removeClass("fullscreen"); 742 743 videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); 744 videoWrapper.css({zIndex: 0}); 745
746 if (YTPlayer.isBackground) { 747 jQuery("body").after(controls); 748 } else { 749 YTPlayer.wrapper.before(controls); 750 } 751 jQuery(window).resize(); 752 jQuery(YTPlayer).trigger("YTPFullScreenEnd"); 753 754 } else { 755 jQuery(YTPlayer).setVideoQuality("default"); 756 jQuery(YTPlayer).trigger("YTPFullScreenStart"); 757 } 758 }); 759 } 760 761 if (!YTPlayer.isAlone) { 762 763 if (real) { 764 765 var playerState = YTPlayer.player.getPlayerState(); 766 videoWrapper.css({opacity: 0}); 767 videoWrapper.addClass("fullscreen"); 768 launchFullscreen(videoWrapper.get(0)); 769 setTimeout(function () { 770 videoWrapper.CSSAnimate({opacity: 1}, 1000); 771 YTPlayer.wrapper.append(controls); 772 jQuery(YTPlayer).optimizeDisplay(); 773 774 YTPlayer.player.seekTo(YTPlayer.player.getCurrentTime() + .1, true); 775 }, 500) 776 } else 777 videoWrapper.css({zIndex: 10000}).CSSAnimate({opacity: 1}, 1000); 778 779 780 fullScreenBtn.html(jQuery.mbYTPlayer.controls.showSite); 781 YTPlayer.isAlone = true; 782 783 } else { 784 785 if (real) { 786 cancelFullscreen(); 787 } else { 788 videoWrapper.CSSAnimate({opacity: YTPlayer.opt.opacity}, 500); 789 videoWrapper.css({zIndex: 0}); 790 } 791 792 793 fullScreenBtn.html(jQuery.mbYTPlayer.controls.onlyYT) 794 YTPlayer.isAlone = false; 795 } 796 797 function RunPrefixMethod(obj, method) { 798 var pfx = ["webkit", "moz", "ms", "o", ""]; 799 var p = 0, m, t; 800 while (p < pfx.length && !obj[m]) { 801 m = method; 802 if (pfx[p] == "") { 803 m = m.substr(0, 1).toLowerCase() + m.substr(1); 804 } 805 m = pfx[p] + m; 806 t = typeof obj[m]; 807 if (t != "undefined") { 808 pfx = [pfx[p]]; 809 return (t == "function" ? obj[m]() : obj[m]); 810 } 811 p++; 812 } 813 } 814 815 function launchFullscreen(element) { 816 RunPrefixMethod(element, "RequestFullScreen"); 817 } 818 819 function cancelFullscreen() { 820 if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) { 821 RunPrefixMethod(document, "CancelFullScreen"); 822 } 823 } 824 }, 825 826 playYTP: function () { 827 var YTPlayer = this.get(0); 828 829 if (typeof YTPlayer.player === "undefined") 830 return; 831 832 var controls = jQuery("#controlBar_" + YTPlayer.id); 833 var playBtn = controls.find(".mb_YTVPPlaypause"); 834 playBtn.html(jQuery.mbYTPlayer.controls.pause); 835 YTPlayer.player.playVideo(); 836 837 YTPlayer.wrapper.CSSAnimate({opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity}, 2000); 838 jQuery(YTPlayer).on("YTPStart", function () { 839 jQuery(YTPlayer).css("background-image", "none"); 840 }) 841 }, 842 843 toggleLoops: function () { 844 var YTPlayer = this.get(0); 845 var data = YTPlayer.opt; 846 if (data.loop == 1) { 847 data.loop = 0; 848 } else { 849 if (data.startAt) { 850 YTPlayer.player.seekTo(data.startAt); 851 } else { 852 YTPlayer.player.playVideo(); 853 } 854 data.loop = 1; 855 } 856 }, 857 858 stopYTP: function () { 859 var YTPlayer = this.get(0); 860 var controls = jQuery("#controlBar_" + YTPlayer.id); 861 var playBtn = controls.find(".mb_YTVPPlaypause"); 862 playBtn.html(jQuery.mbYTPlayer.controls.play); 863 YTPlayer.player.stopVideo(); 864 }, 865 866 pauseYTP: function () { 867 var YTPlayer = this.get(0); 868 var data = YTPlayer.opt; 869 var controls = jQuery("#controlBar_" + YTPlayer.id); 870 var playBtn = controls.find(".mb_YTVPPlaypause"); 871 playBtn.html(jQuery.mbYTPlayer.controls.play); 872 YTPlayer.player.pauseVideo(); 873 }, 874 875 seekToYTP: function (val) { 876 var YTPlayer = this.get(0); 877 YTPlayer.player.seekTo(val, true); 878 }, 879 880 setYTPVolume: function (val) { 881 var YTPlayer = this.get(0); 882 if (!val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0) 883 jQuery(YTPlayer).unmuteYTPVolume(); 884 else if ((!val && YTPlayer.player.getVolume() > 0) || (val && YTPlayer.player.getVolume() == val)) 885 jQuery(YTPlayer).muteYTPVolume(); 886 else 887 YTPlayer.opt.vol = val; 888 YTPlayer.player.setVolume(YTPlayer.opt.vol); 889 }, 890 891 muteYTPVolume: function () { 892 var YTPlayer = this.get(0); 893 YTPlayer.player.mute(); 894 YTPlayer.player.setVolume(0); 895 896 var controls = jQuery("#controlBar_" + YTPlayer.id); 897 var muteBtn = controls.find(".mb_YTVPMuteUnmute"); 898 muteBtn.html(jQuery.mbYTPlayer.controls.unmute); 899 jQuery(YTPlayer).addClass("isMuted"); 900 jQuery(YTPlayer).trigger("YTPMuted"); 901 }, 902 903 unmuteYTPVolume: function () { 904 var YTPlayer = this.get(0); 905 906 YTPlayer.player.unMute(); 907 YTPlayer.player.setVolume(YTPlayer.opt.vol); 908 909 var controls = jQuery("#controlBar_" + YTPlayer.id); 910 var muteBtn = controls.find(".mb_YTVPMuteUnmute"); 911 muteBtn.html(jQuery.mbYTPlayer.controls.mute); 912 913 jQuery(YTPlayer).removeClass("isMuted"); 914 jQuery(YTPlayer).trigger("YTPUnmuted"); 915 916 }, 917 918 manageYTPProgress: function () { 919 920 var YTPlayer = this.get(0); 921 var controls = jQuery("#controlBar_" + YTPlayer.id); 922 var progressBar = controls.find(".mb_YTVPProgress"); 923 var loadedBar = controls.find(".mb_YTVPLoaded"); 924 var timeBar = controls.find(".mb_YTVTime"); 925 var totW = progressBar.outerWidth(); 926 927 var currentTime = Math.floor(YTPlayer.player.getCurrentTime()); 928 var totalTime = Math.floor(YTPlayer.player.getDuration()); 929 var timeW = (currentTime * totW) / totalTime; 930 var startLeft = 0; 931 932 var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100; 933 934 loadedBar.css({left: startLeft, width: loadedW + "%"}); 935 timeBar.css({left: 0, width: timeW}); 936 return {totalTime: totalTime, currentTime: currentTime}; 937 }, 938 939 buildYTPControls: function () { 940 var YTPlayer = this.get(0); 941 var data = YTPlayer.opt; 942 943 /** @data.printUrl is deprecated; use data.showYTLogo */ 944 data.showYTLogo = data.showYTLogo || data.printUrl; 945 946 if (jQuery("#controlBar_" + YTPlayer.id).length) 947 return; 948
949 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(); 950 var buttonBar = jQuery("<div/>").addClass("buttonBar"); 951 952 var playpause = jQuery("<span>" + jQuery.mbYTPlayer.controls.play + "</span>").addClass("mb_YTVPPlaypause ytpicon").click(function () { 953 if (YTPlayer.player.getPlayerState() == 1) 954 jQuery(YTPlayer).pauseYTP(); 955 else 956 jQuery(YTPlayer).playYTP(); 957 }); 958 959 var MuteUnmute = jQuery("<span>" + jQuery.mbYTPlayer.controls.mute + "</span>").addClass("mb_YTVPMuteUnmute ytpicon").click(function () { 960 if (YTPlayer.player.getVolume() == 0) { 961 jQuery(YTPlayer).unmuteYTPVolume(); 962 } else { 963 jQuery(YTPlayer).muteYTPVolume(); 964 } 965 }); 966 967 var idx = jQuery("<span/>").addClass("mb_YTVPTime"); 968 969 var vURL = data.videoURL ? data.videoURL : ""; 970 971 if (vURL.indexOf("http") < 0) 972 vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL; 973 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")}); 974 var onlyVideo = jQuery("<span/>").html(jQuery.mbYTPlayer.controls.onlyYT).addClass("mb_OnlyYT ytpicon").on("click", function () {jQuery(YTPlayer).fullscreen(data.realfullscreen);}); 975 976 var progressBar = jQuery("<div/>").addClass("mb_YTVPProgress").css("position", "absolute").click(function (e) { 977 timeBar.css({width: (e.clientX - timeBar.offset().left)}); 978 YTPlayer.timeW = e.clientX - timeBar.offset().left; 979 controlBar.find(".mb_YTVPLoaded").css({width: 0}); 980 var totalTime = Math.floor(YTPlayer.player.getDuration()); 981 YTPlayer.goto = (timeBar.outerWidth() * totalTime) / progressBar.outerWidth(); 982 983 YTPlayer.player.seekTo(parseFloat(YTPlayer.goto), true); 984 controlBar.find(".mb_YTVPLoaded").css({width: 0}); 985 }); 986 987 var loadedBar = jQuery("<div/>").addClass("mb_YTVPLoaded").css("position", "absolute"); 988 var timeBar = jQuery("<div/>").addClass("mb_YTVTime").css("position", "absolute"); 989 990 progressBar.append(loadedBar).append(timeBar); 991 buttonBar.append(playpause).append(MuteUnmute).append(idx); 992 993 if (data.showYTLogo) { 994 buttonBar.append(movieUrl); 995 } 996 997 if (YTPlayer.isBackground || (eval(YTPlayer.opt.realfullscreen) && !YTPlayer.isBackground)) 998 buttonBar.append(onlyVideo); 999 1000 controlBar.append(buttonBar).append(progressBar); 1001 1002 if (!YTPlayer.isBackground) { 1003 controlBar.addClass("inlinePlayer"); 1004 YTPlayer.wrapper.before(controlBar); 1005 } else { 1006 jQuery("body").after(controlBar); 1007 } 1008 controlBar.fadeIn(); 1009 }, 1010 1011 checkForState: function (YTPlayer) { 1012 clearInterval(YTPlayer.getState); 1013 YTPlayer.getState = setInterval(function () { 1014 var prog = jQuery(YTPlayer).manageYTPProgress(); 1015 var $YTPlayer = jQuery(YTPlayer); 1016 var controlBar = jQuery("#controlBar_" + YTPlayer.id); 1017 var data = YTPlayer.opt; 1018 var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; 1019 var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0; 1020 stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0; 1021 1022 if (YTPlayer.player.getVolume() == 0) 1023 $YTPlayer.addClass("isMuted"); 1024 else 1025 $YTPlayer.removeClass("isMuted"); 1026 1027 if (prog.totalTime) { 1028 controlBar.find(".mb_YTVPTime").html(jQuery.mbYTPlayer.formatTime(prog.currentTime) + " / " + jQuery.mbYTPlayer.formatTime(prog.totalTime)); 1029 } else { 1030// clearInterval(YTPlayer.getState); 1031 controlBar.find(".mb_YTVPTime").html("-- : -- / -- : --"); 1032 } 1033 1034 if (YTPlayer.player.getPlayerState() == 1 && (parseFloat(YTPlayer.player.getDuration() - 3) < YTPlayer.player.getCurrentTime() || (stopAt > 0 && parseFloat(YTPlayer.player.getCurrentTime()) > stopAt))) { 1035 1036 if(YTPlayer.isEnded) 1037 return; 1038 1039 YTPlayer.isEnded = true; 1040 setTimeout(function(){YTPlayer.isEnded = false},2000); 1041 1042 if (YTPlayer.isPlayList) { 1043 clearInterval(YTPlayer.getState); 1044 jQuery(YTPlayer).trigger("YTPEnd"); 1045 return; 1046 } else if (!data.loop) { 1047 YTPlayer.player.pauseVideo(); 1048 YTPlayer.wrapper.CSSAnimate({opacity: 0}, 1000, function () { 1049 jQuery(YTPlayer).trigger("YTPEnd"); 1050 YTPlayer.player.seekTo(startAt, true); 1051
1052 if (!YTPlayer.isBackground) { 1053 var bgndURL = YTPlayer.videoData.thumbnail.hqDefault; 1054 jQuery(YTPlayer).css({background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover"}); 1055 } 1056 1057 }); 1058 } else 1059 YTPlayer.player.seekTo(startAt, true); 1060 } 1061 }, 1); 1062 }, 1063 1064 formatTime: function (s) { 1065 var min = Math.floor(s / 60); 1066 var sec = Math.floor(s - (60 * min)); 1067 return (min <= 9 ? "0" + min : min) + " : " + (sec <= 9 ? "0" + sec : sec); 1068 } 1069 }; 1070 1071 jQuery.fn.toggleVolume = function () { 1072 var YTPlayer = this.get(0); 1073 if (!YTPlayer) 1074 return; 1075 1076 if (YTPlayer.player.isMuted()) { 1077 jQuery(YTPlayer).unmuteYTPVolume(); 1078 return true; 1079 } else { 1080 jQuery(YTPlayer).muteYTPVolume(); 1081 return false; 1082 } 1083 }; 1084 1085 jQuery.fn.optimizeDisplay = function () { 1086 1087 var YTPlayer = this.get(0); 1088 var data = YTPlayer.opt; 1089 var playerBox = jQuery(YTPlayer.playerEl); 1090 var win = {}; 1091 var el = YTPlayer.wrapper; 1092 1093 win.width = el.outerWidth(); 1094 win.height = el.outerHeight(); 1095 1096 var margin = 24; 1097 var overprint = 100; 1098 var vid = {}; 1099 vid.width = win.width + ((win.width * margin) / 100); 1100 vid.height = data.ratio == "16/9" ? Math.ceil((9 * win.width) / 16) : Math.ceil((3 * win.width) / 4); 1101 vid.marginTop = -((vid.height - win.height) / 2); 1102 vid.marginLeft = -((win.width * (margin / 2)) / 100); 1103 1104 if (vid.height < win.height) { 1105 vid.height = win.height + ((win.height * margin) / 100); 1106 vid.width = data.ratio == "16/9" ? Math.floor((16 * win.height) / 9) : Math.floor((4 * win.height) / 3); 1107 vid.marginTop = -((win.height * (margin / 2)) / 100); 1108 vid.marginLeft = -((vid.width - win.width) / 2); 1109 } 1110 1111 vid.width += overprint; 1112 vid.height += overprint; 1113 vid.marginTop -= overprint / 2; 1114 vid.marginLeft -= overprint / 2; 1115 1116 playerBox.css({width: vid.width, height: vid.height, marginTop: vid.marginTop, marginLeft: vid.marginLeft}); 1117 }; 1118 1119 jQuery.shuffle = function (arr) { 1120 var newArray = arr.slice(); 1121 var len = newArray.length; 1122 var i = len; 1123 while (i--) { 1124 var p = parseInt(Math.random() * len); 1125 var t = newArray[i]; 1126 newArray[i] = newArray[p]; 1127 newArray[p] = t; 1128 } 1129 return newArray; 1130 }; 1131 1132 /*Exposed method for external use*/ 1133 jQuery.fn.mb_YTPlayer = jQuery.mbYTPlayer.buildPlayer; 1134 jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.YTPlaylist; 1135 jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; 1136 jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev; 1137 jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie; 1138 jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID; 1139 jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer; 1140 jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy; 1141 jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen; 1142 jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildYTPControls; 1143 jQuery.fn.playYTP = jQuery.mbYTPlayer.playYTP; 1144 jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops; 1145 jQuery.fn.stopYTP = jQuery.mbYTPlayer.stopYTP; 1146 jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pauseYTP; 1147 jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekToYTP; 1148 jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.muteYTPVolume; 1149 jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmuteYTPVolume; 1150 jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setYTPVolume; 1151 jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; 1152 jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageYTPProgress; 1153 1154})(jQuery, ytp);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.