1/*___________________________________________________________________________________________________________________________________________________ 2 _ jquery.mb.components _ 3 _ _ 4 _ file: jquery.mb.YTPlayer.src.js _ 5 _ last modified: 05/01/16 17.43 _ 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-2016. Matteo Bicocchi (Pupunzi); _ 20 ___________________________________________________________________________________________________________________________________________________*/ 21var ytp = ytp || {}; 22 23function onYouTubeIframeAPIReady() { 24 if( ytp.YTAPIReady ) return; 25 ytp.YTAPIReady = true; 26 jQuery( document ).trigger( "YTAPIReady" ); 27} 28 29var getYTPVideoID = function( url ) { 30 var videoID, playlistID; 31 if( url.indexOf( "youtu.be" ) > 0 ) { 32 videoID = url.substr( url.lastIndexOf( "/" ) + 1, url.length ); 33 playlistID = videoID.indexOf( "?list=" ) > 0 ? videoID.substr( videoID.lastIndexOf( "=" ), videoID.length ) : null; 34 videoID = playlistID ? videoID.substr( 0, videoID.lastIndexOf( "?" ) ) : videoID; 35 } else if( url.indexOf( "http" ) > -1 ) { 36 //videoID = url.match( /([\/&]v\/([^&#]*))|([\\?&]v=([^&#]*))/ )[ 1 ]; 37 videoID = url.match( /[\\?&]v=([^&#]*)/ )[ 1 ]; 38 playlistID = url.indexOf( "list=" ) > 0 ? url.match( /[\\?&]list=([^&#]*)/ )[ 1 ] : null; 39 } else { 40 videoID = url.length > 15 ? null : url; 41 playlistID = videoID ? null : url; 42 } 43 return { 44 videoID: videoID, 45 playlistID: playlistID 46 }; 47}; 48 49( function( jQuery, ytp ) { 50 51 jQuery.mbYTPlayer = { 52 name: "jquery.mb.YTPlayer", 53 version: "2.9.13", 54 build: "5823", 55 author: "Matteo Bicocchi", 56 apiKey: "", 57 defaults: { 58 containment: "body", 59 ratio: "auto", // "auto", "16/9", "4/3" 60 videoURL: null, 61 playlistURL: null, 62 startAt: 0, 63 stopAt: 0, 64 autoPlay: true, 65 vol: 50, // 1 to 100 66 addRaster: false, 67 opacity: 1, 68 quality: "default", //or âsmallâ, âmediumâ, âlargeâ, âhd720â, âhd1080â, âhighresâ 69 mute: false, 70 loop: true, 71 showControls: true, 72 showAnnotations: false, 73 showYTLogo: true, 74 stopMovieOnBlur: true, 75 realfullscreen: true, 76 gaTrack: true, 77 optimizeDisplay: true, 78 onReady: function( player ) {} 79 }, 80 /** 81 * @fontface icons 82 * */ 83 controls: { 84 play: "P", 85 pause: "p", 86 mute: "M", 87 unmute: "A", 88 onlyYT: "O", 89 showSite: "R", 90 ytLogo: "Y" 91 }, 92 locationProtocol: "https:", 93 /** 94 * 95 * @param options 96 * @returns [players] 97 */ 98 buildPlayer: function( options ) { 99 return this.each( function() { 100 var YTPlayer = this; 101 var $YTPlayer = jQuery( YTPlayer ); 102 YTPlayer.loop = 0; 103 YTPlayer.opt = {}; 104 YTPlayer.state = {}; 105 YTPlayer.filtersEnabled = true; 106 107 YTPlayer.id = YTPlayer.id || "YTP_" + new Date().getTime(); 108 109 YTPlayer.filters = { 110 grayscale: { 111 value: 0, 112 unit: "%" 113 }, 114 hue_rotate: { 115 value: 0, 116 unit: "deg" 117 }, 118 invert: { 119 value: 0, 120 unit: "%" 121 }, 122 opacity: { 123 value: 0, 124 unit: "%" 125 }, 126 saturate: { 127 value: 0, 128 unit: "%" 129 }, 130 sepia: { 131 value: 0, 132 unit: "%" 133 }, 134 brightness: { 135 value: 0, 136 unit: "%" 137 }, 138 contrast: { 139 value: 0, 140 unit: "%" 141 }, 142 blur: { 143 value: 0, 144 unit: "px" 145 } 146 }; 147 $YTPlayer.addClass( "mb_YTPlayer" ); 148 var property = $YTPlayer.data( "property" ) && typeof $YTPlayer.data( "property" ) == "string" ? eval( '(' + $YTPlayer.data( "property" ) + ')' ) : $YTPlayer.data( "property" ); 149 if( typeof property != "undefined" && typeof property.vol != "undefined" ) property.vol = property.vol === 0 ? property.vol = 1 : property.vol; 150 151 jQuery.extend( YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property ); 152 153 if( !YTPlayer.hasChanged ) { 154 YTPlayer.defaultOpt = {}; 155 // jQuery.extend( YTPlayer.defaultOpt, jQuery.mbYTPlayer.defaults, options, property ); 156 jQuery.extend( YTPlayer.defaultOpt, jQuery.mbYTPlayer.defaults, options ); 157 } 158 159 if( YTPlayer.opt.loop == "true" ) 160 YTPlayer.opt.loop = 9999; 161 162 YTPlayer.isRetina = ( window.retina || window.devicePixelRatio > 1 ); 163 var isIframe = function() { 164 var isIfr = false;
165 try { 166 if( self.location.href != top.location.href ) isIfr = true; 167 } catch( e ) { 168 isIfr = true; 169 } 170 return isIfr; 171 }; 172 YTPlayer.canGoFullScreen = !( jQuery.browser.msie || jQuery.browser.opera || isIframe() ); 173 if( !YTPlayer.canGoFullScreen ) YTPlayer.opt.realfullscreen = false; 174 if( !$YTPlayer.attr( "id" ) ) $YTPlayer.attr( "id", "video_" + new Date().getTime() ); 175 var playerID = "mbYTP_" + YTPlayer.id; 176 YTPlayer.isAlone = false; 177 YTPlayer.hasFocus = true; 178 var videoID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).videoID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).videoID : false; 179 var playlistID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).playlistID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).playlistID : false; 180 YTPlayer.videoID = videoID; 181 YTPlayer.playlistID = playlistID; 182 YTPlayer.opt.showAnnotations = ( YTPlayer.opt.showAnnotations ) ? '0' : '3'; 183 var playerVars = { 184 'autoplay': 0, 185 'modestbranding': 1, 186 'controls': 0, 187 'showinfo': 0, 188 'rel': 0, 189 'enablejsapi': 1, 190 'version': 3, 191 'playerapiid': playerID, 192 'origin': '*', 193 'allowfullscreen': true, 194 'wmode': 'transparent', 195 'iv_load_policy': YTPlayer.opt.showAnnotations 196 }; 197 if( document.createElement( 'video' ).canPlayType ) jQuery.extend( playerVars, { 198 'html5': 1 199 } ); 200 if( jQuery.browser.msie && jQuery.browser.version < 9 ) this.opt.opacity = 1; 201 var playerBox = jQuery( "<div/>" ).attr( "id", playerID ).addClass( "playerBox" ); 202 var overlay = jQuery( "<div/>" ).css( { 203 position: "absolute", 204 top: 0, 205 left: 0, 206 width: "100%", 207 height: "100%" 208 } ).addClass( "YTPOverlay" ); 209 YTPlayer.isSelf = YTPlayer.opt.containment == "self"; 210 YTPlayer.defaultOpt.containment = YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery( this ) : jQuery( YTPlayer.opt.containment ); 211 YTPlayer.isBackground = YTPlayer.opt.containment.get( 0 ).tagName.toLowerCase() == "body"; 212 if( YTPlayer.isBackground && ytp.backgroundIsInited ) return; 213 var isPlayer = YTPlayer.opt.containment.is( jQuery( this ) ); 214 YTPlayer.canPlayOnMobile = isPlayer && jQuery( this ).children().length === 0; 215 if( !isPlayer ) { 216 $YTPlayer.hide(); 217 } else { 218 YTPlayer.isPlayer = true; 219 } 220 221 if( jQuery.browser.mobile && !YTPlayer.canPlayOnMobile ) { 222 $YTPlayer.remove(); 223 return; 224 } 225 226 var wrapper = jQuery( "<div/>" ).addClass( "mbYTP_wrapper" ).attr( "id", "wrapper_" + playerID ); 227 wrapper.css( { 228 position: "absolute", 229 zIndex: 0, 230 minWidth: "100%", 231 minHeight: "100%", 232 left: 0, 233 top: 0, 234 overflow: "hidden", 235 opacity: 0 236 } ); 237 238 playerBox.css( { 239 position: "absolute", 240 zIndex: 0, 241 width: "100%", 242 height: "100%", 243 top: 0, 244 left: 0, 245 overflow: "hidden" 246 } ); 247 wrapper.append( playerBox ); 248 YTPlayer.opt.containment.children().not( "script, style" ).each( function() { 249 if( jQuery( this ).css( "position" ) == "static" ) jQuery( this ).css( "position", "relative" ); 250 } ); 251 if( YTPlayer.isBackground ) { 252 jQuery( "body" ).css( { 253 boxSizing: "border-box" 254 } ); 255 wrapper.css( { 256 position: "fixed", 257 top: 0, 258 left: 0, 259 zIndex: 0 260 } ); 261 $YTPlayer.hide(); 262 } else if( YTPlayer.opt.containment.css( "position" ) == "static" ) 263 YTPlayer.opt.containment.css( { 264 position: "relative" 265 } ); 266 267 YTPlayer.opt.containment.prepend( wrapper ); 268 YTPlayer.wrapper = wrapper; 269 playerBox.css( { 270 opacity: 1 271 } ); 272 273 if( !jQuery.browser.mobile ) { 274 playerBox.after( overlay ); 275 YTPlayer.overlay = overlay; 276 } 277 278 if( !YTPlayer.isBackground ) { 279 overlay.on( "mouseenter", function() { 280 if( YTPlayer.controlBar ) YTPlayer.controlBar.addClass( "visible" ); 281 } ).on( "mouseleave", function() { 282 if( YTPlayer.controlBar ) YTPlayer.controlBar.removeClass( "visible" ); 283 } ); 284 } 285 if( !ytp.YTAPIReady ) { 286 jQuery( "#YTAPI" ).remove(); 287 var tag = jQuery( "<script></script>" ).attr( { 288 "src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/iframe_api?v=" + jQuery.mbYTPlayer.version, 289 "id": "YTAPI" 290 } ); 291 jQuery( "head" ).prepend( tag ); 292 } else { 293 setTimeout( function() { 294 jQuery( document ).trigger( "YTAPIReady" ); 295 }, 100 ) 296 } 297 298 jQuery( document ).on( "YTAPIReady", function() {
299 if( ( YTPlayer.isBackground && ytp.backgroundIsInited ) || YTPlayer.isInit ) return; 300 if( YTPlayer.isBackground ) { 301 ytp.backgroundIsInited = true; 302 } 303 304 YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? ( YTPlayer.isBackground ? true : false ) : YTPlayer.opt.autoPlay; 305 YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100; 306 jQuery.mbYTPlayer.getDataFromAPI( YTPlayer ); 307 jQuery( YTPlayer ).on( "YTPChanged", function() { 308 if( YTPlayer.isInit ) return; 309 YTPlayer.isInit = true; 310 311 //if is mobile && isPlayer fallback to the default YT player 312 if( jQuery.browser.mobile && YTPlayer.canPlayOnMobile ) { 313 // Try to adjust the player dimention 314 if( YTPlayer.opt.containment.outerWidth() > jQuery( window ).width() ) { 315 YTPlayer.opt.containment.css( { 316 maxWidth: "100%" 317 } ); 318 var h = YTPlayer.opt.containment.outerWidth() * .6; 319 YTPlayer.opt.containment.css( { 320 maxHeight: h 321 } ); 322 } 323 new YT.Player( playerID, { 324 videoId: YTPlayer.videoID.toString(), 325 height: '100%', 326 width: '100%', 327 events: { 328 'onReady': function( event ) { 329 YTPlayer.player = event.target; 330 playerBox.css( { 331 opacity: 1 332 } ); 333 YTPlayer.wrapper.css( { 334 opacity: 1 335 } ); 336 } 337 } 338 } ); 339 return; 340 } 341 342 new YT.Player( playerID, { 343 videoId: YTPlayer.videoID.toString(), 344 playerVars: playerVars, 345 events: { 346 'onReady': function( event ) { 347 YTPlayer.player = event.target; 348 if( YTPlayer.isReady ) return; 349 YTPlayer.isReady = YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ? false : true; 350 YTPlayer.playerEl = YTPlayer.player.getIframe(); 351 352 jQuery( YTPlayer.playerEl ).unselectable(); 353 354 $YTPlayer.optimizeDisplay(); 355 YTPlayer.videoID = videoID; 356 jQuery( window ).off( "resize.YTP_" + YTPlayer.id ).on( "resize.YTP_" + YTPlayer.id, function() { 357 358 // console.debug( YTPlayer.id ) 359 $YTPlayer.optimizeDisplay(); 360 } ); 361 362 jQuery.mbYTPlayer.checkForState( YTPlayer ); 363 }, 364 /** 365 * 366 * @param event 367 * 368 * -1 (unstarted) 369 * 0 (ended) 370 * 1 (playing) 371 * 2 (paused) 372 * 3 (buffering) 373 * 5 (video cued). 374 * 375 * 376 */ 377 'onStateChange': function( event ) { 378 if( typeof event.target.getPlayerState != "function" ) return; 379 var state = event.target.getPlayerState(); 380 381 if( YTPlayer.state == state ) return; 382 383 if( YTPlayer.preventTrigger ) { 384 YTPlayer.preventTrigger = false; 385 return 386 } 387 388 YTPlayer.state = state; 389 390 var eventType; 391 switch( state ) { 392 case -1: //----------------------------------------------- unstarted 393 eventType = "YTPUnstarted"; 394 break; 395 case 0: //------------------------------------------------ ended 396 eventType = "YTPEnd"; 397 break; 398 case 1: //------------------------------------------------ play 399 eventType = "YTPPlay"; 400 if( YTPlayer.controlBar ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.pause ); 401 402 if( typeof _gaq != "undefined" && eval( YTPlayer.opt.gaTrack ) ) _gaq.push( [ '_trackEvent', 'YTPlayer', 'Play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ] ); 403 if( typeof ga != "undefined" && eval( YTPlayer.opt.gaTrack ) ) ga( 'send', 'event', 'YTPlayer', 'play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ); 404 405 break; 406 case 2: //------------------------------------------------ pause 407 eventType = "YTPPause"; 408 if( YTPlayer.controlBar ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); 409 break; 410 case 3: //------------------------------------------------ buffer 411 YTPlayer.player.setPlaybackQuality( YTPlayer.opt.quality );
412 eventType = "YTPBuffering"; 413 if( YTPlayer.controlBar ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); 414 break; 415 case 5: //------------------------------------------------ cued 416 eventType = "YTPCued"; 417 break; 418 default: 419 break; 420 } 421 // Trigger state events 422 var YTPEvent = jQuery.Event( eventType ); 423 YTPEvent.time = YTPlayer.player.time; 424 if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); 425 }, 426 /** 427 * 428 * @param e 429 */ 430 'onPlaybackQualityChange': function( e ) { 431 var quality = e.target.getPlaybackQuality(); 432 var YTPQualityChange = jQuery.Event( "YTPQualityChange" ); 433 YTPQualityChange.quality = quality; 434 jQuery( YTPlayer ).trigger( YTPQualityChange ); 435 }, 436 /** 437 * 438 * @param err 439 */ 440 'onError': function( err ) { 441 if( err.data == 150 ) { 442 console.log( "Embedding this video is restricted by Youtube." ); 443 if( YTPlayer.isPlayList ) jQuery( YTPlayer ).playNext(); 444 } 445 if( err.data == 2 && YTPlayer.isPlayList ) jQuery( YTPlayer ).playNext(); 446 if( typeof YTPlayer.opt.onError == "function" ) YTPlayer.opt.onError( $YTPlayer, err ); 447 } 448 } 449 } ); 450 } ); 451 } ) 452 } ); 453 }, 454 /** 455 * 456 * @param YTPlayer 457 */ 458 getDataFromAPI: function( YTPlayer ) { 459 YTPlayer.videoData = jQuery.mbStorage.get( "YTPlayer_data_" + YTPlayer.videoID ); 460 jQuery( YTPlayer ).off( "YTPData.YTPlayer" ).on( "YTPData.YTPlayer", function() { 461 if( YTPlayer.hasData ) { 462 463 if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { 464 var bgndURL = YTPlayer.videoData.thumb_max || YTPlayer.videoData.thumb_high || YTPlayer.videoData.thumb_medium; 465 YTPlayer.opt.containment.css( { 466 background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", 467 backgroundSize: "cover" 468 } ); 469 YTPlayer.opt.backgroundUrl = bgndURL; 470 } 471 } 472 } ); 473 474 if( YTPlayer.videoData ) { 475 476 setTimeout( function() { 477 YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; 478 YTPlayer.dataReceived = true; 479 jQuery( YTPlayer ).trigger( "YTPChanged" ); 480 var YTPData = jQuery.Event( "YTPData" ); 481 YTPData.prop = {}; 482 for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ]; 483 jQuery( YTPlayer ).trigger( YTPData ); 484 }, 500 ); 485 486 YTPlayer.hasData = true; 487 } else if( jQuery.mbYTPlayer.apiKey ) { 488 // Get video info from API3 (needs api key) 489 // snippet,player,contentDetails,statistics,status 490 jQuery.getJSON( jQuery.mbYTPlayer.locationProtocol + "//www.googleapis.com/youtube/v3/videos?id=" + YTPlayer.videoID + "&key=" + jQuery.mbYTPlayer.apiKey + "&part=snippet", function( data ) { 491 YTPlayer.dataReceived = true; 492 jQuery( YTPlayer ).trigger( "YTPChanged" ); 493 494 function parseYTPlayer_data( data ) { 495 YTPlayer.videoData = {}; 496 YTPlayer.videoData.id = YTPlayer.videoID; 497 YTPlayer.videoData.channelTitle = data.channelTitle; 498 YTPlayer.videoData.title = data.title; 499 YTPlayer.videoData.description = data.description.length < 400 ? data.description : data.description.substring( 0, 400 ) + " ..."; 500 YTPlayer.videoData.aspectratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; 501 YTPlayer.opt.ratio = YTPlayer.videoData.aspectratio; 502 YTPlayer.videoData.thumb_max = data.thumbnails.maxres ? data.thumbnails.maxres.url : null; 503 YTPlayer.videoData.thumb_high = data.thumbnails.high ? data.thumbnails.high.url : null; 504 YTPlayer.videoData.thumb_medium = data.thumbnails.medium ? data.thumbnails.medium.url : null; 505 jQuery.mbStorage.set( "YTPlayer_data_" + YTPlayer.videoID, YTPlayer.videoData ); 506 } 507 parseYTPlayer_data( data.items[ 0 ].snippet ); 508 YTPlayer.hasData = true; 509 var YTPData = jQuery.Event( "YTPData" ); 510 YTPData.prop = {}; 511 for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ]; 512 jQuery( YTPlayer ).trigger( YTPData ); 513 } ); 514 } else { 515 setTimeout( function() { 516 jQuery( YTPlayer ).trigger( "YTPChanged" ); 517 }, 50 ); 518 if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { 519 var bgndURL = jQuery.mbYTPlayer.locationProtocol + "//i.ytimg.com/vi/" + YTPlayer.videoID + "/hqdefault.jpg"; 520 YTPlayer.opt.containment.css( { 521 background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", 522 backgroundSize: "cover" 523 } ); 524 YTPlayer.opt.backgroundUrl = bgndURL; 525 } 526 YTPlayer.videoData = null; 527 YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; 528 } 529 if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { 530 YTPlayer.loading = jQuery( "<div/>" ).addClass( "loading" ).html( "Loading" ).hide(); 531 jQuery( YTPlayer ).append( YTPlayer.loading ); 532 YTPlayer.loading.fadeIn(); 533 } 534 }, 535 /** 536 * 537 */ 538 removeStoredData: function() { 539 jQuery.mbStorage.remove(); 540 }, 541 /** 542 * 543 * @returns {*|YTPlayer.videoData}
543 544 */ 545 getVideoData: function() { 546 var YTPlayer = this.get( 0 ); 547 return YTPlayer.videoData; 548 }, 549 /** 550 * 551 * @returns {*|YTPlayer.videoID|boolean} 552 */ 553 getVideoID: function() { 554 var YTPlayer = this.get( 0 ); 555 return YTPlayer.videoID || false; 556 }, 557 /** 558 * 559 * @param quality 560 */ 561 setVideoQuality: function( quality ) { 562 var YTPlayer = this.get( 0 ); 563 //if( !jQuery.browser.chrome ) 564 YTPlayer.player.setPlaybackQuality( quality ); 565 }, 566 /** 567 * @param videos 568 * @param shuffle 569 * @param callback 570 * @returns {jQuery.mbYTPlayer} 571 */ 572 573 playlist: function( videos, shuffle, callback ) { 574 var $YTPlayer = this; 575 var YTPlayer = $YTPlayer.get( 0 ); 576 YTPlayer.isPlayList = true; 577 if( shuffle ) videos = jQuery.shuffle( videos ); 578 if( !YTPlayer.videoID ) { 579 YTPlayer.videos = videos; 580 YTPlayer.videoCounter = 0; 581 YTPlayer.videoLength = videos.length; 582 jQuery( YTPlayer ).data( "property", videos[ 0 ] ); 583 jQuery( YTPlayer ).mb_YTPlayer(); 584 } 585 if( typeof callback == "function" ) jQuery( YTPlayer ).one( "YTPChanged", function() { 586 callback( YTPlayer ); 587 } ); 588 jQuery( YTPlayer ).on( "YTPEnd", function() { 589 jQuery( YTPlayer ).playNext(); 590 } ); 591 return $YTPlayer; 592 }, 593 /** 594 * 595 * @returns {jQuery.mbYTPlayer} 596 */ 597 playNext: function() { 598 var YTPlayer = this.get( 0 ); 599 600 if( YTPlayer.checkForStartAt ) { 601 clearTimeout( YTPlayer.checkForStartAt ); 602 clearInterval( YTPlayer.getState ); 603 } 604 605 YTPlayer.videoCounter++; 606 if( YTPlayer.videoCounter >= YTPlayer.videoLength ) YTPlayer.videoCounter = 0; 607 jQuery( YTPlayer ).changeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); 608 return this; 609 }, 610 /** 611 * 612 * @returns {jQuery.mbYTPlayer} 613 */ 614 playPrev: function() { 615 var YTPlayer = this.get( 0 ); 616 617 if( YTPlayer.checkForStartAt ) { 618 clearInterval( YTPlayer.checkForStartAt ); 619 clearInterval( YTPlayer.getState ); 620 } 621 622 YTPlayer.videoCounter--; 623 if( YTPlayer.videoCounter < 0 ) YTPlayer.videoCounter = YTPlayer.videoLength - 1; 624 jQuery( YTPlayer ).changeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); 625 return this; 626 }, 627 /** 628 * 629 * @param opt 630 */ 631 changeMovie: function( opt ) { 632 633 var YTPlayer = this.get( 0 ); 634 YTPlayer.opt.startAt = 0; 635 YTPlayer.opt.stopAt = 0; 636 YTPlayer.opt.mute = true; 637 YTPlayer.hasData = false; 638 YTPlayer.hasChanged = true; 639 YTPlayer.player.loopTime = undefined; 640 641 if( opt ) jQuery.extend( YTPlayer.opt, YTPlayer.defaultOpt, opt ); 642 YTPlayer.videoID = getYTPVideoID( YTPlayer.opt.videoURL ).videoID; 643 644 if( YTPlayer.opt.loop == "true" ) 645 YTPlayer.opt.loop = 9999; 646 647 jQuery( YTPlayer.playerEl ).CSSAnimate( { 648 opacity: 0 649 }, 200, function() { 650 651 var YTPChangeMovie = jQuery.Event( "YTPChangeMovie" ); 652 YTPChangeMovie.time = YTPlayer.player.time; 653 YTPChangeMovie.videoId = YTPlayer.videoID; 654 jQuery( YTPlayer ).trigger( YTPChangeMovie ); 655 656 jQuery( YTPlayer ).YTPGetPlayer().cueVideoByUrl( encodeURI( jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID ), 1, YTPlayer.opt.quality ); 657 jQuery( YTPlayer ).optimizeDisplay(); 658 659 jQuery.mbYTPlayer.checkForState( YTPlayer ); 660 jQuery.mbYTPlayer.getDataFromAPI( YTPlayer ); 661 return this; 662 } ); 663 }, 664 /** 665 * 666 * @returns {player} 667 */ 668 getPlayer: function() { 669 return jQuery( this ).get( 0 ).player; 670 }, 671 672 playerDestroy: function() { 673 var YTPlayer = this.get( 0 ); 674 ytp.YTAPIReady = true; 675 ytp.backgroundIsInited = false; 676 YTPlayer.isInit = false; 677 YTPlayer.videoID = null; 678 var playerBox = YTPlayer.wrapper; 679 playerBox.remove(); 680 jQuery( "#controlBar_" + YTPlayer.id ).remove(); 681 clearInterval( YTPlayer.checkForStartAt ); 682 clearInterval( YTPlayer.getState ); 683 return this; 684 }, 685 686 /** 687 * 688 * @param real 689 * @returns {jQuery.mbYTPlayer} 690 */ 691 fullscreen: function( real ) { 692 var YTPlayer = this.get( 0 ); 693 if( typeof real == "undefined" ) real = YTPlayer.opt.realfullscreen; 694 real = eval( real ); 695 var controls = jQuery( "#controlBar_" + YTPlayer.id ); 696 var fullScreenBtn = controls.find( ".mb_OnlyYT" ); 697 var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper; 698 //var videoWrapper = YTPlayer.wrapper; 699 if( real ) { 700 var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; 701 jQuery( document ).off( fullscreenchange ).on( fullscreenchange, function() { 702 var isFullScreen = RunPrefixMethod( document, "IsFullScreen" ) || RunPrefixMethod( document, "FullScreen" ); 703 if( !isFullScreen ) { 704 YTPlayer.isAlone = false;
705 fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT ); 706 jQuery( YTPlayer ).YTPSetVideoQuality( YTPlayer.opt.quality ); 707 videoWrapper.removeClass( "YTPFullscreen" ); 708 videoWrapper.CSSAnimate( { 709 opacity: YTPlayer.opt.opacity 710 }, 500 ); 711 videoWrapper.css( { 712 zIndex: 0 713 } ); 714 if( YTPlayer.isBackground ) { 715 jQuery( "body" ).after( controls ); 716 } else { 717 YTPlayer.wrapper.before( controls ); 718 } 719 jQuery( window ).resize(); 720 jQuery( YTPlayer ).trigger( "YTPFullScreenEnd" ); 721 } else { 722 jQuery( YTPlayer ).YTPSetVideoQuality( "default" ); 723 jQuery( YTPlayer ).trigger( "YTPFullScreenStart" ); 724 } 725 } ); 726 } 727 if( !YTPlayer.isAlone ) { 728 function hideMouse() { 729 YTPlayer.overlay.css( { 730 cursor: "none" 731 } ); 732 } 733 jQuery( document ).on( "mousemove.YTPlayer", function( e ) { 734 YTPlayer.overlay.css( { 735 cursor: "auto" 736 } ); 737 clearTimeout( YTPlayer.hideCursor ); 738 if( !jQuery( e.target ).parents().is( ".mb_YTPBar" ) ) YTPlayer.hideCursor = setTimeout( hideMouse, 3000 ); 739 } ); 740 hideMouse(); 741 if( real ) { 742 videoWrapper.css( { 743 opacity: 0 744 } ); 745 videoWrapper.addClass( "YTPFullscreen" ); 746 launchFullscreen( videoWrapper.get( 0 ) ); 747 setTimeout( function() { 748 videoWrapper.CSSAnimate( { 749 opacity: 1 750 }, 1000 ); 751 YTPlayer.wrapper.append( controls ); 752 jQuery( YTPlayer ).optimizeDisplay(); 753 YTPlayer.player.seekTo( YTPlayer.player.getCurrentTime() + .1, true ); 754 }, 500 ) 755 } else videoWrapper.css( { 756 zIndex: 10000 757 } ).CSSAnimate( { 758 opacity: 1 759 }, 1000 ); 760 fullScreenBtn.html( jQuery.mbYTPlayer.controls.showSite ); 761 YTPlayer.isAlone = true; 762 } else { 763 jQuery( document ).off( "mousemove.YTPlayer" ); 764 YTPlayer.overlay.css( { 765 cursor: "auto" 766 } ); 767 if( real ) { 768 cancelFullscreen(); 769 } else { 770 videoWrapper.CSSAnimate( { 771 opacity: YTPlayer.opt.opacity 772 }, 500 ); 773 videoWrapper.css( { 774 zIndex: 0 775 } ); 776 } 777 fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT ); 778 YTPlayer.isAlone = false; 779 } 780 781 function RunPrefixMethod( obj, method ) { 782 var pfx = [ "webkit", "moz", "ms", "o", "" ]; 783 var p = 0, 784 m, t; 785 while( p < pfx.length && !obj[ m ] ) { 786 m = method; 787 if( pfx[ p ] == "" ) { 788 m = m.substr( 0, 1 ).toLowerCase() + m.substr( 1 ); 789 } 790 m = pfx[ p ] + m; 791 t = typeof obj[ m ]; 792 if( t != "undefined" ) { 793 pfx = [ pfx[ p ] ]; 794 return( t == "function" ? obj[ m ]() : obj[ m ] ); 795 } 796 p++; 797 } 798 } 799 800 function launchFullscreen( element ) { 801 RunPrefixMethod( element, "RequestFullScreen" ); 802 } 803 804 function cancelFullscreen() { 805 if( RunPrefixMethod( document, "FullScreen" ) || RunPrefixMethod( document, "IsFullScreen" ) ) { 806 RunPrefixMethod( document, "CancelFullScreen" ); 807 } 808 } 809 return this; 810 }, 811 /** 812 * 813 * @returns {jQuery.mbYTPlayer} 814 */ 815 toggleLoops: function() { 816 var YTPlayer = this.get( 0 ); 817 var data = YTPlayer.opt; 818 if( data.loop == 1 ) { 819 data.loop = 0; 820 } else { 821 if( data.startAt ) { 822 YTPlayer.player.seekTo( data.startAt ); 823 } else { 824 YTPlayer.player.playVideo(); 825 } 826 data.loop = 1; 827 } 828 return this; 829 }, 830 /** 831 * 832 * @returns {jQuery.mbYTPlayer} 833 */ 834 play: function() { 835 var YTPlayer = this.get( 0 ); 836 if( !YTPlayer.isReady ) return; 837 838 YTPlayer.player.playVideo(); 839 YTPlayer.wrapper.CSSAnimate( { 840 opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity 841 }, 2000 ); 842 843 jQuery( YTPlayer.playerEl ).CSSAnimate( { 844 opacity: 1 845 }, 1000 ); 846 847 jQuery( YTPlayer ).css( "background-image", "none" ); 848 return this; 849 }, 850 /** 851 * 852 * @param callback 853 * @returns {jQuery.mbYTPlayer} 854 */ 855 togglePlay: function( callback ) { 856 var YTPlayer = this.get( 0 ); 857 if( YTPlayer.state == 1 ) this.YTPPause(); 858 else this.YTPPlay(); 859 if( typeof callback == "function" ) { 860 callback( YTPlayer.state ); 861 } 862 return this; 863 }, 864 /** 865 * 866 * @returns {jQuery.mbYTPlayer} 867 */ 868 stop: function() { 869 var YTPlayer = this.get( 0 ); 870 var controls = jQuery( "#controlBar_" + YTPlayer.id ); 871 var playBtn = controls.find( ".mb_YTPPlaypause" ); 872 playBtn.html( jQuery.mbYTPlayer.controls.play ); 873 YTPlayer.player.stopVideo(); 874 return this; 875 }, 876 /** 877 * 878 * @returns {jQuery.mbYTPlayer} 879 */ 880 pause: function() { 881 var YTPlayer = this.get( 0 ); 882 YTPlayer.player.pauseVideo(); 883 return this; 884 }, 885 /** 886 * 887 * @param val 888 * @returns {jQuery.mbYTPlayer} 889 */ 890 seekTo: function( val ) { 891 var YTPlayer = this.get( 0 ); 892 YTPlayer.player.seekTo( val, true ); 893 return this; 894 }, 895 /** 896 * 897 * @param val 898 * @returns {jQuery.mbYTPlayer} 899 */ 900 setVolume: function( val ) { 901 var YTPlayer = this.get( 0 ); 902 if( !val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0 ) jQuery( YTPlayer ).YTPUnmute(); 903 else if( ( !val && YTPlayer.player.getVolume() > 0 ) || ( val && YTPlayer.opt.vol == val ) ) { 904 if( !YTPlayer.isMute ) jQuery( YTPlayer ).YTPMute(); 905 else jQuery( YTPlayer ).YTPUnmute(); 906 } else { 907 YTPlayer.opt.vol = val; 908 YTPlayer.player.setVolume( YTPlayer.opt.vol ); 909 if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( val ) 910 } 911 return this; 912 }, 913 /** 914 * 915 * @returns {jQuery.mbYTPlayer} 916 */ 917 mute: function() { 918 var YTPlayer = this.get( 0 ); 919 if( YTPlayer.isMute ) return; 920 YTPlayer.player.mute(); 921 YTPlayer.isMute = true; 922 YTPlayer.player.setVolume( 0 ); 923 if( YTPlayer.volumeBar && YTPlayer.volumeBar.length && YTPlayer.volumeBar.width() > 10 ) { 924 YTPlayer.volumeBar.updateSliderVal( 0 ); 925 } 926 var controls = jQuery( "#controlBar_" + YTPlayer.id ); 927 var muteBtn = controls.find( ".mb_YTPMuteUnmute" ); 928 muteBtn.html( jQuery.mbYTPlayer.controls.unmute ); 929 jQuery( YTPlayer ).addClass( "isMuted" ); 930 if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.addClass( "muted" ); 931 var YTPEvent = jQuery.Event( "YTPMuted" ); 932 YTPEvent.time = YTPlayer.player.time; 933 if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); 934 return this; 935 }, 936 /** 937 * 938 * @returns {jQuery.mbYTPlayer} 939 */ 940 unmute: function() { 941 var YTPlayer = this.get( 0 ); 942 if( !YTPlayer.isMute ) return; 943 YTPlayer.player.unMute(); 944 YTPlayer.isMute = false;
945 YTPlayer.player.setVolume( YTPlayer.opt.vol ); 946 if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol > 10 ? YTPlayer.opt.vol : 10 ); 947 var controls = jQuery( "#controlBar_" + YTPlayer.id ); 948 var muteBtn = controls.find( ".mb_YTPMuteUnmute" ); 949 muteBtn.html( jQuery.mbYTPlayer.controls.mute ); 950 jQuery( YTPlayer ).removeClass( "isMuted" ); 951 if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.removeClass( "muted" ); 952 var YTPEvent = jQuery.Event( "YTPUnmuted" ); 953 YTPEvent.time = YTPlayer.player.time; 954 if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); 955 return this; 956 }, 957 /** 958 * 959 * @param filter 960 * @param value 961 * @returns {jQuery.mbYTPlayer} 962 */ 963 applyFilter: function( filter, value ) { 964 var YTPlayer = this.get( 0 ); 965 YTPlayer.filters[ filter ].value = value; 966 if( YTPlayer.filtersEnabled ) this.YTPEnableFilters(); 967 return this; 968 }, 969 /** 970 * 971 * @param filters 972 * @returns {jQuery.mbYTPlayer} 973 */ 974 applyFilters: function( filters ) { 975 var YTPlayer = this.get( 0 ); 976 this.on( "YTPReady", function() { 977 for( var key in filters ) { 978 YTPlayer.filters[ key ].value = filters[ key ]; 979 jQuery( YTPlayer ).YTPApplyFilter( key, filters[ key ] ); 980 } 981 jQuery( YTPlayer ).trigger( "YTPFiltersApplied" ); 982 } ); 983 return this; 984 }, 985 /** 986 * 987 * @param filter 988 * @param value 989 * @returns {*} 990 */ 991 toggleFilter: function( filter, value ) { 992 return this.each( function() { 993 var YTPlayer = this; 994 if( !YTPlayer.filters[ filter ].value ) YTPlayer.filters[ filter ].value = value; 995 else YTPlayer.filters[ filter ].value = 0; 996 if( YTPlayer.filtersEnabled ) jQuery( this ).YTPEnableFilters(); 997 } ) 998 return this; 999 }, 1000 /** 1001 * 1002 * @param callback 1003 * @returns {*} 1004 */ 1005 toggleFilters: function( callback ) { 1006 return this.each( function() { 1007 var YTPlayer = this; 1008 if( YTPlayer.filtersEnabled ) { 1009 jQuery( YTPlayer ).trigger( "YTPDisableFilters" ); 1010 jQuery( YTPlayer ).YTPDisableFilters(); 1011 } else { 1012 jQuery( YTPlayer ).YTPEnableFilters(); 1013 jQuery( YTPlayer ).trigger( "YTPEnableFilters" ); 1014 } 1015 if( typeof callback == "function" ) callback( YTPlayer.filtersEnabled ); 1016 } ) 1017 }, 1018 /** 1019 * 1020 * @returns {*} 1021 */ 1022 disableFilters: function() { 1023 return this.each( function() { 1024 var YTPlayer = this; 1025 var iframe = jQuery( YTPlayer.playerEl ); 1026 iframe.css( "-webkit-filter", "" ); 1027 iframe.css( "filter", "" ); 1028 YTPlayer.filtersEnabled = false; 1029 } ) 1030 }, 1031 /** 1032 * 1033 * @returns {*} 1034 */ 1035 enableFilters: function() { 1036 return this.each( function() { 1037 var YTPlayer = this; 1038 var iframe = jQuery( YTPlayer.playerEl ); 1039 var filterStyle = ""; 1040 for( var key in YTPlayer.filters ) { 1041 if( YTPlayer.filters[ key ].value ) filterStyle += key.replace( "_", "-" ) + "(" + YTPlayer.filters[ key ].value + YTPlayer.filters[ key ].unit
1041+ ") "; 1042 } 1043 iframe.css( "-webkit-filter", filterStyle ); 1044 iframe.css( "filter", filterStyle ); 1045 YTPlayer.filtersEnabled = true; 1046 } ) 1047 return this; 1048 }, 1049 /** 1050 * 1051 * @param filter 1052 * @param callback 1053 * @returns {*} 1054 */ 1055 removeFilter: function( filter, callback ) { 1056 return this.each( function() { 1057 if( typeof filter == "function" ) { 1058 callback = filter; 1059 filter = null; 1060 } 1061 var YTPlayer = this; 1062 if( !filter ) 1063 for( var key in YTPlayer.filters ) { 1064 jQuery( this ).YTPApplyFilter( key, 0 ); 1065 if( typeof callback == "function" ) callback( key ); 1066 } else { 1067 jQuery( this ).YTPApplyFilter( filter, 0 ); 1068 if( typeof callback == "function" ) callback( filter ); 1069 } 1070 } ); 1071 return this; 1072 }, 1073 /** 1074 * 1075 * @returns {{totalTime: number, currentTime: number}} 1076 */ 1077 manageProgress: function() { 1078 var YTPlayer = this.get( 0 ); 1079 var controls = jQuery( "#controlBar_" + YTPlayer.id ); 1080 var progressBar = controls.find( ".mb_YTPProgress" ); 1081 var loadedBar = controls.find( ".mb_YTPLoaded" ); 1082 var timeBar = controls.find( ".mb_YTPseekbar" ); 1083 var totW = progressBar.outerWidth(); 1084 var currentTime = Math.floor( YTPlayer.player.getCurrentTime() ); 1085 var totalTime = Math.floor( YTPlayer.player.getDuration() ); 1086 var timeW = ( currentTime * totW ) / totalTime; 1087 var startLeft = 0; 1088 var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100; 1089 loadedBar.css( { 1090 left: startLeft, 1091 width: loadedW + "%" 1092 } ); 1093 timeBar.css( { 1094 left: 0, 1095 width: timeW 1096 } ); 1097 return { 1098 totalTime: totalTime, 1099 currentTime: currentTime 1100 }; 1101 }, 1102 /** 1103 * 1104 * @param YTPlayer 1105 */ 1106 buildControls: function( YTPlayer ) { 1107 var data = YTPlayer.opt; 1108 // @data.printUrl: is deprecated; use data.showYTLogo 1109 data.showYTLogo = data.showYTLogo || data.printUrl; 1110 if( jQuery( "#controlBar_" + YTPlayer.id ).length ) return; 1111 YTPlayer.controlBar = jQuery( "<span/>" ).attr( "id", "controlBar_" + YTPlayer.id ).addClass( "mb_YTPBar" ).css( { 1112 whiteSpace: "noWrap", 1113 position: YTPlayer.isBackground ? "fixed" : "absolute", 1114 zIndex: YTPlayer.isBackground ? 10000 : 1000 1115 } ).hide(); 1116 var buttonBar = jQuery( "<div/>" ).addClass( "buttonBar" ); 1117 /* play/pause button*/ 1118 var playpause = jQuery( "<span>" + jQuery.mbYTPlayer.controls.play + "</span>" ).addClass( "mb_YTPPlaypause ytpicon" ).click( function() { 1119 if( YTPlayer.player.getPlayerState() == 1 ) jQuery( YTPlayer ).YTPPause(); 1120 else jQuery( YTPlayer ).YTPPlay(); 1121 } ); 1122 /* mute/unmute button*/ 1123 var MuteUnmute = jQuery( "<span>" + jQuery.mbYTPlayer.controls.mute + "</span>" ).addClass( "mb_YTPMuteUnmute ytpicon" ).click( function() { 1124 if( YTPlayer.player.getVolume() == 0 ) { 1125 jQuery( YTPlayer ).YTPUnmute(); 1126 } else { 1127 jQuery( YTPlayer ).YTPMute(); 1128 } 1129 } ); 1130 /* volume bar*/ 1131 var volumeBar = jQuery( "<div/>" ).addClass( "mb_YTPVolumeBar" ).css( { 1132 display: "inline-block" 1133 } ); 1134 YTPlayer.volumeBar = volumeBar; 1135 /* time elapsed */ 1136 var idx = jQuery( "<span/>" ).addClass( "mb_YTPTime" ); 1137 var vURL = data.videoURL ? data.videoURL : ""; 1138 if( vURL.indexOf( "http" ) < 0 ) vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL; 1139 var movieUrl = jQuery( "<span/>" ).html( jQuery.mbYTPlayer.controls.ytLogo ).addClass( "mb_YTPUrl ytpicon" ).attr( "title", "view on YouTube" ).on( "click", function() { 1140 window.open( vURL, "viewOnYT" ) 1141 } ); 1142 var onlyVideo = jQuery( "<span/>" ).html( jQuery.mbYTPlayer.controls.onlyYT ).addClass( "mb_OnlyYT ytpicon" ).on( "click", function() { 1143 jQuery( YTPlayer ).YTPFullscreen( data.realfullscreen ); 1144 } ); 1145 var progressBar = jQuery( "<div/>" ).addClass( "mb_YTPProgress" ).css( "position", "absolute" ).click( function( e ) { 1146 timeBar.css( { 1147 width: ( e.clientX - timeBar.offset().left ) 1148 } ); 1149 YTPlayer.timeW = e.clientX - timeBar.offset().left; 1150 YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( { 1151 width: 0 1152 } ); 1153 var totalTime = Math.floor( YTPlayer.player.getDuration() ); 1154 YTPlayer.goto = ( timeBar.outerWidth() * totalTime ) / progressBar.outerWidth(); 1155 YTPlayer.player.seekTo( parseFloat( YTPlayer.goto ), true ); 1156 YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( { 1157 width: 0 1158 } ); 1159 } ); 1160 var loadedBar = jQuery( "<div/>" ).addClass( "mb_YTPLoaded" ).css( "position", "absolute" ); 1161 var timeBar = jQuery( "<div/>" ).addClass( "mb_YTPseekbar" ).css( "position", "absolute" ); 1162 progressBar.append( loadedBar ).append( timeBar ); 1163 buttonBar.append( playpause ).append( MuteUnmute ).append( volumeBar ).append( idx ); 1164 if( data.showYTLogo ) { 1165 buttonBar.append( movieUrl ); 1166 }
1167 if( YTPlayer.isBackground || ( eval( YTPlayer.opt.realfullscreen ) && !YTPlayer.isBackground ) ) buttonBar.append( onlyVideo ); 1168 YTPlayer.controlBar.append( buttonBar ).append( progressBar ); 1169 if( !YTPlayer.isBackground ) { 1170 YTPlayer.controlBar.addClass( "inlinePlayer" ); 1171 YTPlayer.wrapper.before( YTPlayer.controlBar ); 1172 } else { 1173 jQuery( "body" ).after( YTPlayer.controlBar ); 1174 } 1175 volumeBar.simpleSlider( { 1176 initialval: YTPlayer.opt.vol, 1177 scale: 100, 1178 orientation: "h", 1179 callback: function( el ) { 1180 if( el.value == 0 ) { 1181 jQuery( YTPlayer ).YTPMute(); 1182 } else { 1183 jQuery( YTPlayer ).YTPUnmute(); 1184 } 1185 YTPlayer.player.setVolume( el.value ); 1186 if( !YTPlayer.isMute ) YTPlayer.opt.vol = el.value; 1187 } 1188 } ); 1189 }, 1190 /** 1191 * 1192 * 1193 * */ 1194 checkForState: function( YTPlayer ) { 1195 var interval = YTPlayer.opt.showControls ? 100 : 400; 1196 clearInterval( YTPlayer.getState ); 1197 //Checking if player has been removed from scene 1198 if( !jQuery.contains( document, YTPlayer ) ) { 1199 jQuery( YTPlayer ).YTPPlayerDestroy(); 1200 clearInterval( YTPlayer.getState ); 1201 clearInterval( YTPlayer.checkForStartAt ); 1202 return; 1203 } 1204 1205 jQuery.mbYTPlayer.checkForStart( YTPlayer ); 1206 1207 YTPlayer.getState = setInterval( function() { 1208 var prog = jQuery( YTPlayer ).YTPManageProgress(); 1209 var $YTPlayer = jQuery( YTPlayer ); 1210 var data = YTPlayer.opt; 1211 var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; 1212 var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0; 1213 stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0; 1214 if( YTPlayer.player.time != prog.currentTime ) { 1215 var YTPEvent = jQuery.Event( "YTPTime" ); 1216 YTPEvent.time = YTPlayer.player.time; 1217 jQuery( YTPlayer ).trigger( YTPEvent ); 1218 } 1219 YTPlayer.player.time = prog.currentTime; 1220 if( YTPlayer.player.getVolume() == 0 ) $YTPlayer.addClass( "isMuted" ); 1221 else $YTPlayer.removeClass( "isMuted" ); 1222 1223 if( YTPlayer.opt.showControls ) 1224 if( prog.totalTime ) { 1225 YTPlayer.controlBar.find( ".mb_YTPTime" ).html( jQuery.mbYTPlayer.formatTime( prog.currentTime ) + " / " + jQuery.mbYTPlayer.formatTime( prog.totalTime ) ); 1226 } else { 1227 YTPlayer.controlBar.find( ".mb_YTPTime" ).html( "-- : -- / -- : --" ); 1228 } 1229 1230 1231 if( eval( YTPlayer.opt.stopMovieOnBlur ) ) 1232 if( !document.hasFocus() ) { 1233 if( YTPlayer.state == 1 ) { 1234 YTPlayer.hasFocus = false; 1235 $YTPlayer.YTPPause(); 1236 } 1237 } else if( document.hasFocus() && !YTPlayer.hasFocus && !( YTPlayer.state == -1 || YTPlayer.state == 0 ) ) { 1238 1239 YTPlayer.hasFocus = true; 1240 $YTPlayer.YTPPlay(); 1241 } 1242 1243 if( YTPlayer.controlBar && YTPlayer.controlBar.outerWidth() <= 400 && !YTPlayer.isCompact ) { 1244 YTPlayer.controlBar.addClass( "compact" ); 1245 YTPlayer.isCompact = true; 1246 if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol ); 1247 } else if( YTPlayer.controlBar && YTPlayer.controlBar.outerWidth() > 400 && YTPlayer.isCompact ) { 1248 YTPlayer.controlBar.removeClass( "compact" ); 1249 YTPlayer.isCompact = false; 1250 if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol ); 1251 } 1252 if( YTPlayer.player.getPlayerState() == 1 && ( parseFloat( YTPlayer.player.getDuration() - 1.5 ) < YTPlayer.player.getCurrentTime() || ( stopAt > 0 && parseFloat( YTPlayer.player.getCurrentTime() ) > stopAt ) ) ) { 1253 if( YTPlayer.isEnded ) return; 1254 YTPlayer.isEnded = true; 1255 setTimeout( function() { 1256 YTPlayer.isEnded = false 1257 }, 1000 ); 1258 1259 if( YTPlayer.isPlayList ) { 1260 1261 if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) { 1262 1263 YTPlayer.player.loopTime = undefined; 1264 clearInterval( YTPlayer.getState ); 1265 var YTPEnd = jQuery.Event( "YTPEnd" ); 1266 YTPEnd.time = YTPlayer.player.time; 1267 jQuery( YTPlayer ).trigger( YTPEnd ); 1268 YTPlayer.state = 0; 1269 1270 return; 1271 } 1272 1273 } else if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) { 1274 1275 YTPlayer.player.loopTime = undefined; 1276 YTPlayer.preventTrigger = true; 1277 jQuery( YTPlayer ).YTPPause(); 1278 YTPlayer.state = 0; 1279 1280 YTPlayer.wrapper.CSSAnimate( { 1281 opacity: 0 1282 }, 500, function() { 1283 1284 if( YTPlayer.controlBar ) 1285 YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); 1286 1287 var YTPEnd = jQuery.Event( "YTPEnd" ); 1288 YTPEnd.time = YTPlayer.player.time; 1289 jQuery( YTPlayer ).trigger( YTPEnd ); 1290 1291 YTPlayer.player.seekTo( startAt, true );
1292 if( !YTPlayer.isBackground ) { 1293 YTPlayer.opt.containment.css( { 1294 background: "rgba(0,0,0,0.5) url(" + YTPlayer.opt.backgroundUrl + ") center center", 1295 backgroundSize: "cover" 1296 } ); 1297 } 1298 } ); 1299 1300 return; 1301 1302 } 1303 1304 YTPlayer.player.loopTime = YTPlayer.player.loopTime ? ++YTPlayer.player.loopTime : 1; 1305 startAt = startAt || 1; 1306 YTPlayer.preventTrigger = true; 1307 jQuery( YTPlayer ).YTPPause(); 1308 YTPlayer.player.seekTo( startAt, true ); 1309 $YTPlayer.YTPPlay(); 1310 1311 1312 } 1313 }, interval ); 1314 }, 1315 /** 1316 * 1317 * */ 1318 checkForStart: function( YTPlayer ) { 1319 var $YTPlayer = jQuery( YTPlayer ); 1320 1321 //Checking if player has been removed from scene 1322 if( !jQuery.contains( document, YTPlayer ) ) { 1323 jQuery( YTPlayer ).YTPPlayerDestroy(); 1324 return 1325 } 1326 1327 /* 1328 if( jQuery.browser.chrome ) 1329 YTPlayer.opt.quality = "default"; 1330 */ 1331 1332 YTPlayer.preventTrigger = true; 1333 jQuery( YTPlayer ).YTPPause(); 1334 1335 jQuery( YTPlayer ).muteYTPVolume(); 1336 jQuery( "#controlBar_" + YTPlayer.id ).remove(); 1337 1338 if( YTPlayer.opt.showControls ) 1339 jQuery.mbYTPlayer.buildControls( YTPlayer ); 1340 1341 if( YTPlayer.opt.addRaster ) { 1342 1343 var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster"; 1344 YTPlayer.overlay.addClass( YTPlayer.isRetina ? classN + " retina" : classN ); 1345 1346 } else { 1347 1348 YTPlayer.overlay.removeClass( function( index, classNames ) { 1349 // change the list into an array 1350 var current_classes = classNames.split( " " ), 1351 // array of classes which are to be removed 1352 classes_to_remove = []; 1353 jQuery.each( current_classes, function( index, class_name ) { 1354 // if the classname begins with bg add it to the classes_to_remove array 1355 if( /raster.*/.test( class_name ) ) { 1356 classes_to_remove.push( class_name ); 1357 } 1358 } ); 1359 classes_to_remove.push( "retina" ); 1360 // turn the array back into a string 1361 return classes_to_remove.join( " " ); 1362 } ) 1363 1364 } 1365 1366 //console.time( "checkforStart" ); 1367 1368 var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; 1369 YTPlayer.player.playVideo(); 1370 YTPlayer.player.seekTo( startAt, true ); 1371 1372 YTPlayer.checkForStartAt = setInterval( function() { 1373 1374 jQuery( YTPlayer ).YTPMute(); 1375 1376 var canPlayVideo = YTPlayer.player.getVideoLoadedFraction() >= startAt / YTPlayer.player.getDuration(); 1377 1378 //console.debug( YTPlayer.player.getCurrentTime(), startAt, YTPlayer.player.getVideoLoadedFraction() ); 1379 1380 if( YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo ) { 1381 1382 //YTPlayer.player.playVideo(); 1383 1384 //console.timeEnd( "checkforStart" ); 1385 1386 // console.debug( "checkForStartAt:: checked :: ", YTPlayer ); 1387 1388 clearInterval( YTPlayer.checkForStartAt ); 1389 1390 YTPlayer.isReady = true; 1391 if( typeof YTPlayer.opt.onReady == "function" ) 1392 YTPlayer.opt.onReady( YTPlayer ); 1393 1394 var YTPready = jQuery.Event( "YTPReady" ); 1395 YTPready.time = YTPlayer.player.time; 1396 jQuery( YTPlayer ).trigger( YTPready ); 1397 1398 1399 YTPlayer.preventTrigger = true; 1400 jQuery( YTPlayer ).YTPPause(); 1401 1402 if( !YTPlayer.opt.mute ) jQuery( YTPlayer ).YTPUnmute(); 1403 YTPlayer.canTrigger = true; 1404 if( YTPlayer.opt.autoPlay ) { 1405 $YTPlayer.YTPPlay(); 1406 1407 var YTPStart = jQuery.Event( "YTPStart" ); 1408 YTPStart.time = YTPlayer.player.time; 1409 jQuery( YTPlayer ).trigger( YTPStart ); 1410 1411 $YTPlayer.css( "background-image", "none" ); 1412 jQuery( YTPlayer.playerEl ).CSSAnimate( { 1413 opacity: 1 1414 }, 1000 ); 1415 YTPlayer.wrapper.CSSAnimate( { 1416 opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity 1417 }, 1000 ); 1418 } else { 1419 1420 $YTPlayer.YTPPause(); 1421 //YTPlayer.player.pauseVideo(); 1422 if( !YTPlayer.isPlayer ) { 1423 jQuery( YTPlayer.playerEl ).CSSAnimate( { 1424 opacity: 1 1425 }, 500 ); 1426 1427 YTPlayer.wrapper.CSSAnimate( { 1428 opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity 1429 }, 500 ); 1430 } 1431 } 1432 1433 if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { 1434 YTPlayer.loading.html( "Ready" ); 1435 setTimeout( function() { 1436 YTPlayer.loading.fadeOut(); 1437 }, 100 ) 1438 } 1439 if( YTPlayer.controlBar ) YTPlayer.controlBar.slideDown( 1000 ); 1440 1441 } else if( jQuery.browser.safari ) { 1442 //YTPlayer.player.playVideo(); 1443 //if( startAt >= 0 ) YTPlayer.player.seekTo( startAt, true ); 1444 } 1445 1446 }, 1 ); 1447 1448 1449 }, 1450 /** 1451 * 1452 * @param s 1453 * @returns {string} 1454 */ 1455 formatTime: function( s ) { 1456 var min = Math.floor( s / 60 ); 1457 var sec = Math.floor( s - ( 60 * min ) ); 1458 return( min <= 9 ? "0" + min : min ) + " : " + ( sec <= 9 ? "0" + sec : sec ); 1459 } 1460 }; 1461 /** 1462 * 1463 * @returns {boolean} 1464 */ 1465 jQuery.fn.toggleVolume = function() { 1466 var YTPlayer = this.get( 0 ); 1467 if( !YTPlayer ) return; 1468 if( YTPlayer.player.isMuted() ) { 1469 jQuery( YTPlayer ).YTPUnmute(); 1470 return true; 1471 } else { 1472 jQuery( YTPlayer ).YTPMute(); 1473 return false;
1474 } 1475 }; 1476 /** 1477 * 1478 */ 1479 jQuery.fn.optimizeDisplay = function() { 1480 var YTPlayer = this.get( 0 ); 1481 var data = YTPlayer.opt; 1482 var playerBox = jQuery( YTPlayer.playerEl ); 1483 var win = {}; 1484 var el = YTPlayer.wrapper; 1485 win.width = el.outerWidth(); 1486 win.height = el.outerHeight(); 1487 var margin = 24; 1488 var overprint = 100; 1489 var vid = {}; 1490 if( data.optimizeDisplay ) { 1491 vid.width = win.width + ( ( win.width * margin ) / 100 ); 1492 vid.height = data.ratio == "16/9" ? Math.ceil( ( 9 * win.width ) / 16 ) : Math.ceil( ( 3 * win.width ) / 4 ); 1493 vid.marginTop = -( ( vid.height - win.height ) / 2 ); 1494 vid.marginLeft = -( ( win.width * ( margin / 2 ) ) / 100 ); 1495 if( vid.height < win.height ) { 1496 vid.height = win.height + ( ( win.height * margin ) / 100 ); 1497 vid.width = data.ratio == "16/9" ? Math.floor( ( 16 * win.height ) / 9 ) : Math.floor( ( 4 * win.height ) / 3 ); 1498 vid.marginTop = -( ( win.height * ( margin / 2 ) ) / 100 ); 1499 vid.marginLeft = -( ( vid.width - win.width ) / 2 ); 1500 } 1501 vid.width += overprint; 1502 vid.height += overprint; 1503 vid.marginTop -= overprint / 2; 1504 vid.marginLeft -= overprint / 2; 1505 } else { 1506 vid.width = "100%"; 1507 vid.height = "100%"; 1508 vid.marginTop = 0; 1509 vid.marginLeft = 0; 1510 } 1511 playerBox.css( { 1512 width: vid.width, 1513 height: vid.height, 1514 marginTop: vid.marginTop, 1515 marginLeft: vid.marginLeft 1516 } ); 1517 }; 1518 /** 1519 * 1520 * @param arr 1521 * @returns {Array|string|Blob|*} 1522 * 1523 */ 1524 jQuery.shuffle = function( arr ) { 1525 var newArray = arr.slice(); 1526 var len = newArray.length; 1527 var i = len; 1528 while( i-- ) { 1529 var p = parseInt( Math.random() * len ); 1530 var t = newArray[ i ]; 1531 newArray[ i ] = newArray[ p ]; 1532 newArray[ p ] = t; 1533 } 1534 return newArray; 1535 }; 1536 1537 jQuery.fn.unselectable = function() { 1538 return this.each( function() { 1539 jQuery( this ).css( { 1540 "-moz-user-select": "none", 1541 "-webkit-user-select": "none", 1542 "user-select": "none" 1543 } ).attr( "unselectable", "on" ); 1544 } ); 1545 }; 1546 1547 1548 /* Exposed public method */ 1549 jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer; 1550 jQuery.fn.YTPGetPlayer = jQuery.mbYTPlayer.getPlayer; 1551 jQuery.fn.YTPGetVideoID = jQuery.mbYTPlayer.getVideoID; 1552 jQuery.fn.YTPChangeMovie = jQuery.mbYTPlayer.changeMovie; 1553 jQuery.fn.YTPPlayerDestroy = jQuery.mbYTPlayer.playerDestroy; 1554 1555 jQuery.fn.YTPPlay = jQuery.mbYTPlayer.play; 1556 jQuery.fn.YTPTogglePlay = jQuery.mbYTPlayer.togglePlay; 1557 jQuery.fn.YTPStop = jQuery.mbYTPlayer.stop; 1558 jQuery.fn.YTPPause = jQuery.mbYTPlayer.pause; 1559 jQuery.fn.YTPSeekTo = jQuery.mbYTPlayer.seekTo; 1560 1561 jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.playlist; 1562 jQuery.fn.YTPPlayNext = jQuery.mbYTPlayer.playNext; 1563 jQuery.fn.YTPPlayPrev = jQuery.mbYTPlayer.playPrev; 1564 1565 jQuery.fn.YTPMute = jQuery.mbYTPlayer.mute; 1566 jQuery.fn.YTPUnmute = jQuery.mbYTPlayer.unmute; 1567 jQuery.fn.YTPToggleVolume = jQuery.mbYTPlayer.toggleVolume; 1568 jQuery.fn.YTPSetVolume = jQuery.mbYTPlayer.setVolume; 1569 1570 jQuery.fn.YTPGetVideoData = jQuery.mbYTPlayer.getVideoData; 1571 jQuery.fn.YTPFullscreen = jQuery.mbYTPlayer.fullscreen; 1572 jQuery.fn.YTPToggleLoops = jQuery.mbYTPlayer.toggleLoops; 1573 jQuery.fn.YTPSetVideoQuality = jQuery.mbYTPlayer.setVideoQuality; 1574 jQuery.fn.YTPManageProgress = jQuery.mbYTPlayer.manageProgress; 1575 1576 jQuery.fn.YTPApplyFilter = jQuery.mbYTPlayer.applyFilter; 1577 jQuery.fn.YTPApplyFilters = jQuery.mbYTPlayer.applyFilters; 1578 jQuery.fn.YTPToggleFilter = jQuery.mbYTPlayer.toggleFilter; 1579 jQuery.fn.YTPToggleFilters = jQuery.mbYTPlayer.toggleFilters; 1580 jQuery.fn.YTPRemoveFilter = jQuery.mbYTPlayer.removeFilter; 1581 jQuery.fn.YTPDisableFilters = jQuery.mbYTPlayer.disableFilters; 1582 jQuery.fn.YTPEnableFilters = jQuery.mbYTPlayer.enableFilters; 1583 1584 1585 /** 1586 * 1587 * @deprecated 1588 * 1589 **/ 1590 jQuery.fn.mb_YTPlayer = jQuery.mbYTPlayer.buildPlayer; 1591 jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; 1592 jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev; 1593 jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie; 1594 jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID; 1595 jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer; 1596 jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy; 1597 jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen; 1598 jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildControls; 1599 jQuery.fn.playYTP = jQuery.mbYTPlayer.play; 1600 jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops; 1601 jQuery.fn.stopYTP = jQuery.mbYTPlayer.stop; 1602 jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pause; 1603 jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekTo; 1604 jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.mute; 1605 jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmute; 1606 jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setVolume; 1607 jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; 1608 jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageProgress; 1609 jQuery.fn.YTPGetDataFromFeed = jQuery.mbYTPlayer.getVideoData; 1610 1611 1612} )( jQuery, ytp ); 1613; 1614/* 1615 * ****************************************************************************** 1616 * jquery.mb.components 1617 * file: jquery.mb.CSSAnimate.min.js 1618 * 1619 * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 1620 * Open lab srl, Firenze - Italy 1621 * email: [email protected]
vendor: 12,824 bytes, lines 1622-1664
1622 * site: http://pupunzi.com 1623 * blog: http://pupunzi.open-lab.com 1624 * http://open-lab.com 1625 * 1626 * Licences: MIT, GPL 1627 * http://www.opensource.org/licenses/mit-license.php 1628 * http://www.gnu.org/licenses/gpl.html 1629 * 1630 * last modified: 26/03/14 21.40 1631 * ***************************************************************************** 1632 */ 1633 1634function uncamel(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}function setUnit(a,b){return"string"!=typeof a||a.match(/^[\-0-9\.]+jQuery/)?""+a+b:a}function setFilter(a,b,c){var d=uncamel(b),e=jQuery.browser.mozilla?"":jQuery.CSS.sfx;a[e+"filter"]=a[e+"filter"]||"",c=setUnit(c>jQuery.CSS.filters[b].max?jQuery.CSS.filters[b].max:c,jQuery.CSS.filters[b].unit),a[e+"filter"]+=d+"("+c+") ",delete a[b]}jQuery.support.CSStransition=function(){var a=document.body||document.documentElement,b=a.style;return void 0!==b.transition||void 0!==b.WebkitTransition||void 0!==b.MozTransition||void 0!==b.MsTransition||void 0!==b.OTransition}(),jQuery.CSS={name:"mb.CSSAnimate",author:"Matteo Bicocchi",version:"2.0.0",transitionEnd:"transitionEnd",sfx:"",filters:{blur:{min:0,max:100,unit:"px"},brightness:{min:0,max:400,unit:"%"},contrast:{min:0,max:400,unit:"%"},grayscale:{min:0,max:100,unit:"%"},hueRotate:{min:0,max:360,unit:"deg"},invert:{min:0,max:100,unit:"%"},saturate:{min:0,max:400,unit:"%"},sepia:{min:0,max:100,unit:"%"}},normalizeCss:function(a){var b=jQuery.extend(!0,{},a);jQuery.browser.webkit||jQuery.browser.opera?jQuery.CSS.sfx="-webkit-":jQuery.browser.mozilla?jQuery.CSS.sfx="-moz-":jQuery.browser.msie&&(jQuery.CSS.sfx="-ms-");for(var c in b){"transform"===c&&(b[jQuery.CSS.sfx+"transform"]=b[c],delete b[c]),"transform-origin"===c&&(b[jQuery.CSS.sfx+"transform-origin"]=a[c],delete b[c]),"filter"!==c||jQuery.browser.mozilla||(b[jQuery.CSS.sfx+"filter"]=a[c],delete b[c]),"blur"===c&&setFilter(b,"blur",a[c]),"brightness"===c&&setFilter(b,"brightness",a[c]),"contrast"===c&&setFilter(b,"contrast",a[c]),"grayscale"===c&&setFilter(b,"grayscale",a[c]),"hueRotate"===c&&setFilter(b,"hueRotate",a[c]),"invert"===c&&setFilter(b,"invert",a[c]),"saturate"===c&&setFilter(b,"saturate",a[c]),"sepia"===c&&setFilter(b,"sepia",a[c]);var d="";"x"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateX("+setUnit(a[c],"px")+")",delete b[c]),"y"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateY("+setUnit(a[c],"px")+")",delete b[c]),"z"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateZ("+setUnit(a[c],"px")+")",delete b[c]),"rotate"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotate("+setUnit(a[c],"deg")+")",delete b[c]),"rotateX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateX("+setUnit(a[c],"deg")+")",delete b[c]),"rotateY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateY("+setUnit(a[c],"deg")+")",delete b[c]),"rotateZ"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateZ("+setUnit(a[c],"deg")+")",delete b[c]),"scale"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scale("+setUnit(a[c],"")+")",delete b[c]),"scaleX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleX("+setUnit(a[c],"")+")",delete b[c]),"scaleY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleY("+setUnit(a[c],"")+")",delete b[c]),"scaleZ"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleZ("+setUnit(a[c],"")+")",delete b[c]),"skew"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skew("+setUnit(a[c],"deg")+")",delete b[c]),"skewX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skewX("+setUnit(a[c],"deg")+")",delete b[c]),"skewY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skewY("+setUnit(a[c],"deg")+")",delete b[c]),"perspective"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" perspective("+setUnit(a[c],"px")+")",delete b[c])}return b},getProp:function(a){var b=[];for(var c in a)b.indexOf(c)<0&&b.push(uncamel(c));return b.join(",")},animate:function(a,b,c,d,e){return this.each(function(){function o(){f.called=!0,f.CSSAIsRunning=!1,g.off(jQuery.CSS.transitionEnd+"."+f.id),clearTimeout(f.timeout),g.css(jQuery.CSS.sfx+"transition",""),"function"==typeof e&&e.apply(f),"function"==typeof f.CSSqueue&&(f.CSSqueue(),f.CSSqueue=null)}var f=this,g=jQuery(this);f.id=f.id||"CSSA_"+(new Date).getTime();var h=h||{type:"noEvent"};if(f.CSSAIsRunning&&f.eventType==h.type&&!jQuery.browser.msie&&jQuery.browser.version<=9)return f.CSSqueue=function(){g.CSSAnimate(a,b,c,d,e)},void 0;if(f.CSSqueue=null,f.eventType=h.type,0!==g.length&&a){if(a=jQuery.normalizeCss(a),f.CSSAIsRunning=!0,"function"==typeof b&&(e=b,b=jQuery.fx.speeds._default),"function"==typeof c&&(d=c,c=0),"string"==typeof c&&(e=c,c=0),"function"==typeof d&&(e=d,d="cubic-bezier(0.65,0.03,0.36,0.72)"),"string"==typeof b)for(var i in jQuery.fx.speeds){if(b==i){b=jQuery.fx.speeds[i];break}b=jQuery.fx.speeds._default}if(b||(b=jQuery.fx.speeds._default),"string"==typeof e&&(d=e,e=null),!jQuery.support.CSStransition){for(var j in a){if("transform"===j&&delete a[j],"filter"===j&&delete a[j],"transform-origin"===j&&delete a[j],"auto"===a[j]&&delete a[j],"x"===j){var k=a[j],l="left";a[l]=k,delete a[j]}if("y"===j){var k=a[j],l="top";a[l]=k,delete a[j]}("-ms-transform"===j||"-ms-filter"===j)&&delete a[j]}return g.delay(c).animate(a,b,e),void 0}var m={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)",easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)",easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};m[d]&&(d=m[d]),g.off(jQuery.CSS.transitionEnd+"."+f.id);var n=jQuery.CSS.getProp(a),p={};jQuery.extend(p,a),p[jQuery.CSS.sfx+"transition-property"]=n,p[jQuery.CSS.sfx+"transition-duration"]=b+"ms",p[jQuery.CSS.sfx+"transition-delay"]=c+"ms",p[jQuery.CSS.sfx+"transition-timing-function"]=d,setTimeout(function(){g.one(jQuery.CSS.transitionEnd+"."+f.id,o),g.css(p)},1),f.timeout=setTimeout(function(){return f.called||!e?(f.called=!1,f.CSSAIsRunning=!1,void 0):(g.css(jQuery.CSS.sfx+"transition",""),e.apply(f),f.CSSAIsRunning=!1,"function"==typeof f.CSSqueue&&(f.CSSqueue(),f.CSSqueue=null),void 0)},b+c+10)}})}},jQuery.fn.CSSAnimate=jQuery.CSS.animate,jQuery.normalizeCss=jQuery.CSS.normalizeCss,jQuery.fn.css3=function(a){return this.each(function(){var b=jQuery(this),c=jQuery.normalizeCss(a);b.css(c)})}; 1635;/* 1636 * ****************************************************************************** 1637 * jquery.mb.components 1638 * file: jquery.mb.browser.min.js 1639 * 1640 * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); 1641 * Open lab srl, Firenze - Italy 1642 * email: [email protected] 1643 * site: http://pupunzi.com 1644 * blog: http://pupunzi.open-lab.com 1645 * http://open-lab.com 1646 * 1647 * Licences: MIT, GPL 1648 * http://www.opensource.org/licenses/mit-license.php 1649 * http://www.gnu.org/licenses/gpl.html 1650 * 1651 * last modified: 26/03/14 21.43 1652 * ***************************************************************************** 1653 */ 1654 1655var nAgt=navigator.userAgent;if(!jQuery.browser){jQuery.browser={},jQuery.browser.mozilla=!1,jQuery.browser.webkit=!1,jQuery.browser.opera=!1,jQuery.browser.safari=!1,jQuery.browser.chrome=!1,jQuery.browser.msie=!1,jQuery.browser.ua=nAgt,jQuery.browser.name=navigator.appName,jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10);var nameOffset,verOffset,ix;if(-1!=(verOffset=nAgt.indexOf("Opera")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+6),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8));else if(-1!=(verOffset=nAgt.indexOf("OPR")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+4);else if(-1!=(verOffset=nAgt.indexOf("MSIE")))jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer",jQuery.browser.fullVersion=nAgt.substring(verOffset+5);else if(-1!=nAgt.indexOf("Trident")){jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer";var start=nAgt.indexOf("rv:")+3,end=start+4;jQuery.browser.fullVersion=nAgt.substring(start,end)}else-1!=(verOffset=nAgt.indexOf("Chrome"))?(jQuery.browser.webkit=!0,jQuery.browser.chrome=!0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1!=(verOffset=nAgt.indexOf("Safari"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("AppleWebkit"))?(jQuery.browser.webkit=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("Firefox"))?(jQuery.browser.mozilla=!0,jQuery.browser.name="Firefox",jQuery.browser.fullVersion=nAgt.substring(verOffset+8)):(nameOffset=nAgt.lastIndexOf(" ")+1)<(verOffset=nAgt.lastIndexOf("/"))&&(jQuery.browser.name=nAgt.substring(nameOffset,verOffset),jQuery.browser.fullVersion=nAgt.substring(verOffset+1),jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()&&(jQuery.browser.name=navigator.appName));-1!=(ix=jQuery.browser.fullVersion.indexOf(";"))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix)),-1!=(ix=jQuery.browser.fullVersion.indexOf(" "))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix)),jQuery.browser.majorVersion=parseInt(""+jQuery.browser.fullVersion,10),isNaN(jQuery.browser.majorVersion)&&(jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10)),jQuery.browser.version=jQuery.browser.majorVersion}jQuery.browser.android=/Android/i.test(nAgt),jQuery.browser.blackberry=/BlackBerry|BB|PlayBook/i.test(nAgt),jQuery.browser.ios=/iPhone|iPad|iPod|webOS/i.test(nAgt),jQuery.browser.operaMobile=/Opera Mini/i.test(nAgt),jQuery.browser.windowsMobile=/IEMobile|Windows Phone/i.test(nAgt),jQuery.browser.kindle=/Kindle|Silk/i.test(nAgt),jQuery.browser.mobile=jQuery.browser.android||jQuery.browser.blackberry||jQuery.browser.ios||jQuery.browser.windowsMobile||jQuery.browser.operaMobile||jQuery.browser.kindle,jQuery.isMobile=jQuery.browser.mobile,jQuery.isTablet=jQuery.browser.mobile&&jQuery(window).width()>765,jQuery.isAndroidDefault=jQuery.browser.android&&!/chrome/i.test(nAgt); 1656;/*___________________________________________________________________________________________________________________________________________________ 1657 _ jquery.mb.components _ 1658 _ _ 1659 _ file: jquery.mb.simpleSlider.min.js _ 1660 _ last modified: 16/05/15 23.45 _ 1661 _ _ 1662 _ Open Lab s.r.l., Florence - Italy _ 1663 _ _ 1664 _ email: [email protected] _
1665 _ site: http://pupunzi.com _ 1666 _ http://open-lab.com _ 1667 _ blog: http://pupunzi.open-lab.com _ 1668 _ Q&A: http://jquery.pupunzi.com _ 1669 _ _ 1670 _ Licences: MIT, GPL _ 1671 _ http://www.opensource.org/licenses/mit-license.php _ 1672 _ http://www.gnu.org/licenses/gpl.html _ 1673 _ _ 1674 _ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi); _ 1675 ___________________________________________________________________________________________________________________________________________________*/ 1676 1677!function(a){/iphone|ipod|ipad|android|ie|blackberry|fennec/.test(navigator.userAgent.toLowerCase());var c="ontouchstart"in window||window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture||window.DocumentTouch&&document instanceof DocumentTouch||!1;a.simpleSlider={defaults:{initialval:0,scale:100,orientation:"h",readonly:!1,callback:!1},events:{start:c?"touchstart":"mousedown",end:c?"touchend":"mouseup",move:c?"touchmove":"mousemove"},init:function(b){return this.each(function(){var d=this,e=a(d);e.addClass("simpleSlider"),d.opt={},a.extend(d.opt,a.simpleSlider.defaults,b),a.extend(d.opt,e.data());var f="h"==d.opt.orientation?"horizontal":"vertical",g=a("<div/>").addClass("level").addClass(f);e.prepend(g),d.level=g,e.css({cursor:"default"}),"auto"==d.opt.scale&&(d.opt.scale=a(d).outerWidth()),e.updateSliderVal(),d.opt.readonly||(e.on(a.simpleSlider.events.start,function(a){c&&(a=a.changedTouches[0]),d.canSlide=!0,e.updateSliderVal(a),e.css({cursor:"col-resize"}),a.preventDefault(),a.stopPropagation()}),a(document).on(a.simpleSlider.events.move,function(b){c&&(b=b.changedTouches[0]),d.canSlide&&(a(document).css({cursor:"default"}),e.updateSliderVal(b),b.preventDefault(),b.stopPropagation())}).on(a.simpleSlider.events.end,function(){a(document).css({cursor:"auto"}),d.canSlide=!1,e.css({cursor:"auto"})}))})},updateSliderVal:function(b){function g(a,b){return Math.floor(100*a/b)}var c=this,d=c.get(0);d.opt.initialval="number"==typeof d.opt.initialval?d.opt.initialval:d.opt.initialval(d);var e=a(d).outerWidth(),f=a(d).outerHeight();d.x="object"==typeof b?b.clientX+document.body.scrollLeft-c.offset().left:"number"==typeof b?b*e/d.opt.scale:d.opt.initialval*e/d.opt.scale,d.y="object"==typeof b?b.clientY+document.body.scrollTop-c.offset().top:"number"==typeof b?(d.opt.scale-d.opt.initialval-b)*f/d.opt.scale:d.opt.initialval*f/d.opt.scale,d.y=c.outerHeight()-d.y,d.scaleX=d.x*d.opt.scale/e,d.scaleY=d.y*d.opt.scale/f,d.outOfRangeX=d.scaleX>d.opt.scale?d.scaleX-d.opt.scale:d.scaleX<0?d.scaleX:0,d.outOfRangeY=d.scaleY>d.opt.scale?d.scaleY-d.opt.scale:d.scaleY<0?d.scaleY:0,d.outOfRange="h"==d.opt.orientation?d.outOfRangeX:d.outOfRangeY,d.value="undefined"!=typeof b?"h"==d.opt.orientation?d.x>=c.outerWidth()?d.opt.scale:d.x<=0?0:d.scaleX:d.y>=c.outerHeight()?d.opt.scale:d.y<=0?0:d.scaleY:"h"==d.opt.orientation?d.scaleX:d.scaleY,"h"==d.opt.orientation?d.level.width(g(d.x,e)+"%"):d.level.height(g(d.y,f)),"function"==typeof d.opt.callback&&d.opt.callback(d)}},a.fn.simpleSlider=a.simpleSlider.init,a.fn.updateSliderVal=a.simpleSlider.updateSliderVal}(jQuery); 1678;/*___________________________________________________________________________________________________________________________________________________ 1679 _ jquery.mb.components _ 1680 _ _ 1681 _ file: jquery.mb.storage.min.js _ 1682 _ last modified: 24/05/15 16.08 _ 1683 _ _ 1684 _ Open Lab s.r.l., Florence - Italy _ 1685 _ _ 1686 _ email: [email protected] _
1687 _ site: http://pupunzi.com _ 1688 _ http://open-lab.com _ 1689 _ blog: http://pupunzi.open-lab.com _ 1690 _ Q&A: http://jquery.pupunzi.com _ 1691 _ _ 1692 _ Licences: MIT, GPL _ 1693 _ http://www.opensource.org/licenses/mit-license.php _ 1694 _ http://www.gnu.org/licenses/gpl.html _ 1695 _ _ 1696 _ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi); _ 1697 ___________________________________________________________________________________________________________________________________________________*/ 1698 1699!function(a){a.mbCookie={set:function(a,b,c,d){b=JSON.stringify(b),c||(c=7),d=d?"; domain="+d:"";var f,e=new Date;e.setTime(e.getTime()+1e3*60*60*24*c),f="; expires="+e.toGMTString(),document.cookie=a+"="+b+f+"; path=/"+d},get:function(a){for(var b=a+"=",c=document.cookie.split(";"),d=0;d<c.length;d++){for(var e=c[d];" "==e.charAt(0);)e=e.substring(1,e.length);if(0==e.indexOf(b))return JSON.parse(e.substring(b.length,e.length))}return null},remove:function(b){a.mbCookie.set(b,"",-1)}},a.mbStorage={set:function(a,b){b=JSON.stringify(b),localStorage.setItem(a,b)},get:function(a){return localStorage[a]?JSON.parse(localStorage[a]):null},remove:function(a){a?localStorage.removeItem(a):localStorage.clear()}}}(jQuery);
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.