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