/*___________________________________________________________________________________________________________________________________________________ _ jquery.mb.components _ _ _ _ file: jquery.mb.YTPlayer.src.js _ _ last modified: 11/05/17 19.54 _ _ _ _ Open Lab s.r.l., Florence - Italy _ _ _ _ email: matteo@open-lab.com _ _ site: http://pupunzi.com _ _ http://open-lab.com _ _ blog: http://pupunzi.open-lab.com _ _ Q&A: http://jquery.pupunzi.com _ _ _ _ Licences: MIT, GPL _ _ http://www.opensource.org/licenses/mit-license.php _ _ http://www.gnu.org/licenses/gpl.html _ _ _ _ Copyright (c) 2001-2017. Matteo Bicocchi (Pupunzi); _ ___________________________________________________________________________________________________________________________________________________*/ var ytp = ytp || {}; function onYouTubeIframeAPIReady() { if( ytp.YTAPIReady ) return; ytp.YTAPIReady = true; jQuery( document ).trigger( "YTAPIReady" ); } //window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady; var getYTPVideoID = function( url ) { var videoID, playlistID; if( url.indexOf( "youtu.be" ) > 0 ) { videoID = url.substr( url.lastIndexOf( "/" ) + 1, url.length ); playlistID = videoID.indexOf( "?list=" ) > 0 ? videoID.substr( videoID.lastIndexOf( "=" ), videoID.length ) : null; videoID = playlistID ? videoID.substr( 0, videoID.lastIndexOf( "?" ) ) : videoID; } else if( url.indexOf( "http" ) > -1 ) { //videoID = url.match( /([\/&]v\/([^&#]*))|([\\?&]v=([^&#]*))/ )[ 1 ]; videoID = url.match( /[\\?&]v=([^&#]*)/ )[ 1 ]; playlistID = url.indexOf( "list=" ) > 0 ? url.match( /[\\?&]list=([^&#]*)/ )[ 1 ] : null; } else { videoID = url.length > 15 ? null : url; playlistID = videoID ? null : url; } return { videoID: videoID, playlistID: playlistID }; }; ( function( jQuery, ytp ) { jQuery.mbYTPlayer = { name: "jquery.mb.YTPlayer", version: "3.0.20", build: "6273", author: "Matteo Bicocchi (pupunzi)", apiKey: "", defaults: { containment: "body", ratio: "auto", // "auto", "16/9", "4/3" or number: 4/3, 16/9 videoURL: null, playlistURL: null, startAt: 0, stopAt: 0, autoPlay: true, vol: 50, // 1 to 100 addRaster: false, mask: false, opacity: 1, quality: "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres” mute: false, loop: true, fadeOnStartTime: 500, //fade in timing at video start showControls: true, showAnnotations: false, showYTLogo: true, stopMovieOnBlur: true, realfullscreen: true, mobileFallbackImage: null, gaTrack: true, optimizeDisplay: true, remember_last_time: false, playOnlyIfVisible: false, anchor: "center,center", // top,bottom,left,right combined in pair onReady: function( player ) {}, onError: function( player, err ) {} }, /** * @fontface icons * */ controls: { play: "P", pause: "p", mute: "M", unmute: "A", onlyYT: "O", showSite: "R", ytLogo: "Y" }, controlBar: null, loading: null, locationProtocol: "https:", filters: { grayscale: { value: 0, unit: "%" }, hue_rotate: { value: 0, unit: "deg" }, invert: { value: 0, unit: "%" }, opacity: { value: 0, unit: "%" }, saturate: { value: 0, unit: "%" }, sepia: { value: 0, unit: "%" }, brightness: { value: 0, unit: "%" }, contrast: { value: 0, unit: "%" }, blur: { value: 0, unit: "px" } }, /** * * @param options * @returns [players] */ buildPlayer: function( options ) { return this.each( function() { var YTPlayer = this; var $YTPlayer = jQuery( YTPlayer ); YTPlayer.loop = 0; YTPlayer.opt = {}; YTPlayer.state = 0; YTPlayer.filters = jQuery.mbYTPlayer.filters; YTPlayer.filtersEnabled = true; YTPlayer.id = YTPlayer.id || "YTP_" + new Date().getTime(); $YTPlayer.addClass( "mb_YTPlayer" ); var property = $YTPlayer.data( "property" ) && typeof $YTPlayer.data( "property" ) == "string" ? eval( '(' + $YTPlayer.data( "property" ) + ')' ) : $YTPlayer.data( "property" ); if( typeof property != "undefined" && typeof property.vol != "undefined" ) property.vol = property.vol === 0 ? property.vol = 1 : property.vol; jQuery.extend( YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property ); if( !YTPlayer.hasChanged ) { YTPlayer.defaultOpt = {}; jQuery.extend( YTPlayer.defaultOpt, jQuery.mbYTPlayer.defaults, options ); } if( YTPlayer.opt.loop == "true" ) YTPlayer.opt.loop = 9999; YTPlayer.isRetina = ( window.retina || window.devicePixelRatio > 1 ); var isIframe = function() { var isIfr = false; try { if( self.location.href != top.location.href ) isIfr = true; } catch( e ) { isIfr = true; } return isIfr; }; YTPlayer.canGoFullScreen = !( jQuery.mbBrowser.msie || jQuery.mbBrowser.opera || isIframe() ); if( !YTPlayer.canGoFullScreen ) YTPlayer.opt.realfullscreen = false; if( !$YTPlayer.attr( "id" ) ) $YTPlayer.attr( "id", "ytp_" + new Date().getTime() ); var playerID = "iframe_" + YTPlayer.id; YTPlayer.isAlone = false; YTPlayer.hasFocus = true; YTPlayer.videoID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).videoID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).videoID : false; YTPlayer.playlistID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).playlistID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).playlistID : false; YTPlayer.opt.showAnnotations = YTPlayer.opt.showAnnotations ? '1' : '3'; var start_from_last = 0; if( jQuery.mbCookie.get( "YTPlayer_start_from" + YTPlayer.videoID ) ) start_from_last = parseFloat( jQuery.mbCookie.get( "YTPlayer_start_from" + YTPlayer.videoID ) ); if( YTPlayer.opt.remember_last_time && start_from_last ) { YTPlayer.start_from_last = start_from_last; jQuery.mbCookie.remove( "YTPlayer_start_from" + YTPlayer.videoID ); } var playerVars = { 'modestbranding': 1, 'autoplay': 0, 'controls': 0, 'showinfo': 0, 'rel': 0, 'enablejsapi': 1, 'version': 3, 'playerapiid': playerID, 'origin': '*', 'allowfullscreen': true, 'wmode': 'transparent', 'iv_load_policy': YTPlayer.opt.showAnnotations }; if( document.createElement( 'video' ).canPlayType ) jQuery.extend( playerVars, { 'html5': 1 } ); if( jQuery.mbBrowser.msie && jQuery.mbBrowser.version < 9 ) this.opt.opacity = 1; YTPlayer.isSelf = YTPlayer.opt.containment == "self"; YTPlayer.defaultOpt.containment = YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery( this ) : jQuery( YTPlayer.opt.containment ); YTPlayer.isBackground = YTPlayer.opt.containment.is( "body" ); if( YTPlayer.isBackground && ytp.backgroundIsInited ) return; var isPlayer = YTPlayer.opt.containment.is( jQuery( this ) ); YTPlayer.canPlayOnMobile = isPlayer && jQuery( this ).children().length === 0; YTPlayer.isPlayer = false; /** * Hide the placeholder if it's not the target of the player */ if( !isPlayer ) { $YTPlayer.hide(); } else { YTPlayer.isPlayer = true; } var overlay = jQuery( "
" ).css( { position: "absolute", top: 0, left: 0, width: "100%", height: "100%" } ).addClass( "YTPOverlay" ); if( YTPlayer.isPlayer ) { overlay.on( "click", function() { $YTPlayer.YTPTogglePlay(); } ) } var wrapper = jQuery( "
" ).addClass( "mbYTP_wrapper" ).attr( "id", "wrapper_" + YTPlayer.id ); wrapper.css( { position: "absolute", zIndex: 0, minWidth: "100%", minHeight: "100%", left: 0, top: 0, overflow: "hidden", opacity: 0 } ); var playerBox = jQuery( "
" ).attr( "id", playerID ).addClass( "playerBox" ); playerBox.css( { position: "absolute", zIndex: 0, width: "100%", height: "100%", top: 0, left: 0, overflow: "hidden" } ); wrapper.append( playerBox ); YTPlayer.opt.containment.children().not( "script, style" ).each( function() { if( jQuery( this ).css( "position" ) == "static" ) jQuery( this ).css( "position", "relative" ); } ); if( YTPlayer.isBackground ) { jQuery( "body" ).css( { boxSizing: "border-box" } ); wrapper.css( { position: "fixed", top: 0, left: 0, zIndex: 0 } ); $YTPlayer.hide(); } else if( YTPlayer.opt.containment.css( "position" ) == "static" ) YTPlayer.opt.containment.css( { position: "relative" } ); YTPlayer.opt.containment.prepend( wrapper ); YTPlayer.wrapper = wrapper; playerBox.css( { opacity: 1 } ); if( !jQuery.mbBrowser.mobile ) { playerBox.after( overlay ); YTPlayer.overlay = overlay; } if( !YTPlayer.isBackground ) { overlay.on( "mouseenter", function() { if( YTPlayer.controlBar && YTPlayer.controlBar.length ) YTPlayer.controlBar.addClass( "visible" ); } ).on( "mouseleave", function() { if( YTPlayer.controlBar && YTPlayer.controlBar.length ) YTPlayer.controlBar.removeClass( "visible" ); } ); } if( !ytp.YTAPIReady ) { jQuery( "#YTAPI" ).remove(); var tag = jQuery( "" ).attr( { "src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/iframe_api?v=" + jQuery.mbYTPlayer.version, "id": "YTAPI" } ); jQuery( "head" ).prepend( tag ); } else { setTimeout( function() { jQuery( document ).trigger( "YTAPIReady" ); }, 100 ) } if( jQuery.mbBrowser.mobile && !YTPlayer.canPlayOnMobile ) { if( YTPlayer.opt.mobileFallbackImage ) { wrapper.css( { backgroundImage: "url(" + YTPlayer.opt.mobileFallbackImage + ")", backgroundPosition: "center center", backgroundSize: "cover", backgroundRepeat: "no-repeat", opacity: 1 } ) }; if( !YTPlayer.isPlayer ) $YTPlayer.remove(); jQuery( document ).trigger( "YTPUnavailable" ); return; } jQuery( document ).on( "YTAPIReady", function() { if( ( YTPlayer.isBackground && ytp.backgroundIsInited ) || YTPlayer.isInit ) return; if( YTPlayer.isBackground ) { ytp.backgroundIsInited = true; } YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? ( YTPlayer.isBackground ? true : false ) : YTPlayer.opt.autoPlay; YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100; jQuery.mbYTPlayer.getDataFromAPI( YTPlayer ); jQuery( YTPlayer ).on( "YTPChanged", function() { if( YTPlayer.isInit ) return; YTPlayer.isInit = true; //if is mobile && isPlayer fallback to the default YT player if( jQuery.mbBrowser.mobile && YTPlayer.canPlayOnMobile ) { // Try to adjust the player dimention if( YTPlayer.opt.containment.outerWidth() > jQuery( window ).width() ) { YTPlayer.opt.containment.css( { maxWidth: "100%" } ); var h = YTPlayer.opt.containment.outerWidth() * .563; YTPlayer.opt.containment.css( { maxHeight: h } ); } new YT.Player( playerID, { videoId: YTPlayer.videoID.toString(), width: '100%', height: h, playerVars: playerVars, events: { 'onReady': function( event ) { YTPlayer.player = event.target; playerBox.css( { opacity: 1 } ); YTPlayer.wrapper.css( { opacity: 1 } ); } } } ); return; } new YT.Player( playerID, { videoId: YTPlayer.videoID.toString(), playerVars: playerVars, events: { 'onReady': function( event ) { YTPlayer.player = event.target; if( YTPlayer.isReady ) return; YTPlayer.isReady = YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ? false : true; YTPlayer.playerEl = YTPlayer.player.getIframe(); jQuery( YTPlayer.playerEl ).unselectable(); $YTPlayer.optimizeDisplay(); jQuery( window ).off( "resize.YTP_" + YTPlayer.id ).on( "resize.YTP_" + YTPlayer.id, function() { $YTPlayer.optimizeDisplay(); } ); if( YTPlayer.opt.remember_last_time ) { jQuery( window ).on( "unload.YTP_" + YTPlayer.id, function() { var current_time = YTPlayer.player.getCurrentTime(); jQuery.mbCookie.set( "YTPlayer_start_from" + YTPlayer.videoID, current_time, 0 ); } ); } jQuery.mbYTPlayer.checkForState( YTPlayer ); }, /** * * @param event * * -1 (unstarted) * 0 (ended) * 1 (playing) * 2 (paused) * 3 (buffering) * 5 (video cued). * * */ 'onStateChange': function( event ) { if( typeof event.target.getPlayerState != "function" ) return; var state = event.target.getPlayerState(); if( YTPlayer.preventTrigger ) { YTPlayer.preventTrigger = false; return } YTPlayer.state = state; var eventType; switch( state ) { case -1: //----------------------------------------------- unstarted eventType = "YTPUnstarted"; break; case 0: //------------------------------------------------ ended eventType = "YTPRealEnd"; break; case 1: //------------------------------------------------ play eventType = "YTPPlay"; if( YTPlayer.controlBar.length ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.pause ); if( typeof _gaq != "undefined" && eval( YTPlayer.opt.gaTrack ) ) _gaq.push( [ '_trackEvent', 'YTPlayer', 'Play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ] ); if( typeof ga != "undefined" && eval( YTPlayer.opt.gaTrack ) ) ga( 'send', 'event', 'YTPlayer', 'play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ); break; case 2: //------------------------------------------------ pause eventType = "YTPPause"; if( YTPlayer.controlBar.length ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); break; case 3: //------------------------------------------------ buffer YTPlayer.player.setPlaybackQuality( YTPlayer.opt.quality ); eventType = "YTPBuffering"; if( YTPlayer.controlBar.length ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); break; case 5: //------------------------------------------------ cued eventType = "YTPCued"; break; default: break; } // Trigger state events var YTPEvent = jQuery.Event( eventType ); YTPEvent.time = YTPlayer.currentTime; if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); }, /** * * @param e */ 'onPlaybackQualityChange': function( e ) { var quality = e.target.getPlaybackQuality(); var YTPQualityChange = jQuery.Event( "YTPQualityChange" ); YTPQualityChange.quality = quality; jQuery( YTPlayer ).trigger( YTPQualityChange ); }, /** * * @param err */ 'onError': function( err ) { if( err.data == 150 ) { console.log( "Embedding this video is restricted by Youtube." ); if( YTPlayer.isPlayList ) jQuery( YTPlayer ).playNext(); } if( err.data == 2 && YTPlayer.isPlayList ) { jQuery( YTPlayer ).playNext(); } if( typeof YTPlayer.opt.onError == "function" ) YTPlayer.opt.onError( $YTPlayer, err ); } } } ); } ); } ); $YTPlayer.off( "YTPTime.mask" ); jQuery.mbYTPlayer.applyMask( YTPlayer ); } ); }, /** * Check if the YTPlayer is on screen */ isOnScreen: function( YTPlayer ) { var playerBox = YTPlayer.wrapper; var winTop = $( window ).scrollTop(); var winBottom = winTop + $( window ).height(); var elTop = playerBox.offset().top; var elBottom = elTop + playerBox.height(); return( ( elBottom <= winBottom ) && ( elTop >= winTop ) ); }, /** * * @param YTPlayer */ getDataFromAPI: function( YTPlayer ) { YTPlayer.videoData = jQuery.mbStorage.get( "YTPlayer_data_" + YTPlayer.videoID ); jQuery( YTPlayer ).off( "YTPData.YTPlayer" ).on( "YTPData.YTPlayer", function() { if( YTPlayer.hasData ) { if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { var bgndURL = YTPlayer.videoData.thumb_max || YTPlayer.videoData.thumb_high || YTPlayer.videoData.thumb_medium; YTPlayer.opt.containment.css( { background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover" } ); YTPlayer.opt.backgroundUrl = bgndURL; } } } ); if( YTPlayer.videoData ) { setTimeout( function() { YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; YTPlayer.dataReceived = true; jQuery( YTPlayer ).trigger( "YTPChanged" ); var YTPData = jQuery.Event( "YTPData" ); YTPData.prop = {}; for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ]; jQuery( YTPlayer ).trigger( YTPData ); }, YTPlayer.opt.fadeOnStartTime ); YTPlayer.hasData = true; } else if( jQuery.mbYTPlayer.apiKey ) { // Get video info from API3 (needs api key) // snippet,player,contentDetails,statistics,status jQuery.getJSON( jQuery.mbYTPlayer.locationProtocol + "//www.googleapis.com/youtube/v3/videos?id=" + YTPlayer.videoID + "&key=" + jQuery.mbYTPlayer.apiKey + "&part=snippet", function( data ) { YTPlayer.dataReceived = true; jQuery( YTPlayer ).trigger( "YTPChanged" ); function parseYTPlayer_data( data ) { YTPlayer.videoData = {}; YTPlayer.videoData.id = YTPlayer.videoID; YTPlayer.videoData.channelTitle = data.channelTitle; YTPlayer.videoData.title = data.title; YTPlayer.videoData.description = data.description.length < 400 ? data.description : data.description.substring( 0, 400 ) + " ..."; YTPlayer.videoData.aspectratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; YTPlayer.opt.ratio = YTPlayer.videoData.aspectratio; YTPlayer.videoData.thumb_max = data.thumbnails.maxres ? data.thumbnails.maxres.url : null; YTPlayer.videoData.thumb_high = data.thumbnails.high ? data.thumbnails.high.url : null; YTPlayer.videoData.thumb_medium = data.thumbnails.medium ? data.thumbnails.medium.url : null; jQuery.mbStorage.set( "YTPlayer_data_" + YTPlayer.videoID, YTPlayer.videoData ); } parseYTPlayer_data( data.items[ 0 ].snippet ); YTPlayer.hasData = true; var YTPData = jQuery.Event( "YTPData" ); YTPData.prop = {}; for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ]; jQuery( YTPlayer ).trigger( YTPData ); } ); } else { setTimeout( function() { jQuery( YTPlayer ).trigger( "YTPChanged" ); }, 50 ); if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { var bgndURL = jQuery.mbYTPlayer.locationProtocol + "//i.ytimg.com/vi/" + YTPlayer.videoID + "/hqdefault.jpg"; if( bgndURL ) YTPlayer.opt.containment.css( { background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", backgroundSize: "cover" } ); YTPlayer.opt.backgroundUrl = bgndURL; } YTPlayer.videoData = null; YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; } if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay && !jQuery.mbBrowser.mobile ) { YTPlayer.loading = jQuery( "
" ).addClass( "loading" ).html( "Loading" ).hide(); jQuery( YTPlayer ).append( YTPlayer.loading ); YTPlayer.loading.fadeIn(); } }, /** * */ removeStoredData: function() { jQuery.mbStorage.remove(); }, /** * * @returns {*|YTPlayer.videoData} */ getVideoData: function() { var YTPlayer = this.get( 0 ); return YTPlayer.videoData; }, /** * * @returns {*|YTPlayer.videoID|boolean} */ getVideoID: function() { var YTPlayer = this.get( 0 ); return YTPlayer.videoID || false; }, /** * * @param quality */ setVideoQuality: function( quality ) { var YTPlayer = this.get( 0 ); YTPlayer.player.setPlaybackQuality( quality ); }, /** * * @param videos * @param shuffle * @param callback * @returns {jQuery.mbYTPlayer} */ playlist: function( videos, shuffle, callback ) { var $YTPlayer = this; var YTPlayer = $YTPlayer.get( 0 ); YTPlayer.isPlayList = true; if( shuffle ) videos = jQuery.shuffle( videos ); if( !YTPlayer.videoID ) { YTPlayer.videos = videos; YTPlayer.videoCounter = 0; YTPlayer.videoLength = videos.length; jQuery( YTPlayer ).data( "property", videos[ 0 ] ); jQuery( YTPlayer ).mb_YTPlayer(); } if( typeof callback == "function" ) jQuery( YTPlayer ).one( "YTPChanged", function() { callback( YTPlayer ); } ); jQuery( YTPlayer ).on( "YTPEnd", function() { jQuery( YTPlayer ).playNext(); } ); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ playNext: function() { var YTPlayer = this.get( 0 ); if( YTPlayer.checkForStartAt ) { clearInterval( YTPlayer.checkForStartAt ); clearInterval( YTPlayer.getState ); } YTPlayer.videoCounter++; if( YTPlayer.videoCounter >= YTPlayer.videoLength ) YTPlayer.videoCounter = 0; jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ playPrev: function() { var YTPlayer = this.get( 0 ); if( YTPlayer.checkForStartAt ) { clearInterval( YTPlayer.checkForStartAt ); clearInterval( YTPlayer.getState ); } YTPlayer.videoCounter--; if( YTPlayer.videoCounter < 0 ) YTPlayer.videoCounter = YTPlayer.videoLength - 1; jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ playIndex: function( idx ) { var YTPlayer = this.get( 0 ); idx = idx - 1; if( YTPlayer.checkForStartAt ) { clearInterval( YTPlayer.checkForStartAt ); clearInterval( YTPlayer.getState ); } YTPlayer.videoCounter = idx; if( YTPlayer.videoCounter >= YTPlayer.videoLength - 1 ) YTPlayer.videoCounter = YTPlayer.videoLength - 1; jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); return this; }, /** * * @param opt */ changeMovie: function( opt ) { var $YTPlayer = this; var YTPlayer = $YTPlayer.get( 0 ); YTPlayer.opt.startAt = 0; YTPlayer.opt.stopAt = 0; YTPlayer.opt.mask = false; YTPlayer.opt.mute = true; YTPlayer.hasData = false; YTPlayer.hasChanged = true; YTPlayer.player.loopTime = undefined; if( opt ) jQuery.extend( YTPlayer.opt, opt ); //YTPlayer.defaultOpt, YTPlayer.videoID = getYTPVideoID( YTPlayer.opt.videoURL ).videoID; if( YTPlayer.opt.loop == "true" ) YTPlayer.opt.loop = 9999; jQuery( YTPlayer.playerEl ).CSSAnimate( { opacity: 0 }, YTPlayer.opt.fadeOnStartTime, function() { var YTPChangeMovie = jQuery.Event( "YTPChangeMovie" ); YTPChangeMovie.time = YTPlayer.currentTime; YTPChangeMovie.videoId = YTPlayer.videoID; jQuery( YTPlayer ).trigger( YTPChangeMovie ); jQuery( YTPlayer ).YTPGetPlayer().cueVideoByUrl( encodeURI( jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID ), 1, YTPlayer.opt.quality ); jQuery( YTPlayer ).optimizeDisplay(); jQuery.mbYTPlayer.checkForState( YTPlayer ); jQuery.mbYTPlayer.getDataFromAPI( YTPlayer ); } ); jQuery.mbYTPlayer.applyMask( YTPlayer ); }, /** * * @returns {player} */ getPlayer: function() { return jQuery( this ).get( 0 ).player; }, playerDestroy: function() { var YTPlayer = this.get( 0 ); ytp.YTAPIReady = true; ytp.backgroundIsInited = false; YTPlayer.isInit = false; YTPlayer.videoID = null; YTPlayer.isReady = false; var playerBox = YTPlayer.wrapper; playerBox.remove(); jQuery( "#controlBar_" + YTPlayer.id ).remove(); clearInterval( YTPlayer.checkForStartAt ); clearInterval( YTPlayer.getState ); return this; }, /** * * @param real * @returns {jQuery.mbYTPlayer} */ fullscreen: function( real ) { var YTPlayer = this.get( 0 ); if( typeof real == "undefined" ) real = YTPlayer.opt.realfullscreen; real = eval( real ); var controls = jQuery( "#controlBar_" + YTPlayer.id ); var fullScreenBtn = controls.find( ".mb_OnlyYT" ); var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper; //var videoWrapper = YTPlayer.wrapper; if( real ) { var fullscreenchange = jQuery.mbBrowser.mozilla ? "mozfullscreenchange" : jQuery.mbBrowser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; jQuery( document ).off( fullscreenchange ).on( fullscreenchange, function() { var isFullScreen = RunPrefixMethod( document, "IsFullScreen" ) || RunPrefixMethod( document, "FullScreen" ); if( !isFullScreen ) { YTPlayer.isAlone = false; fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT ); jQuery( YTPlayer ).YTPSetVideoQuality( YTPlayer.opt.quality ); videoWrapper.removeClass( "YTPFullscreen" ); videoWrapper.css( { opacity: YTPlayer.opt.opacity } ); videoWrapper.css( { zIndex: 0 } ); if( YTPlayer.isBackground ) { jQuery( "body" ).after( controls ); } else { YTPlayer.wrapper.before( controls ); } jQuery( window ).resize(); jQuery( YTPlayer ).trigger( "YTPFullScreenEnd" ); } else { jQuery( YTPlayer ).YTPSetVideoQuality( "default" ); jQuery( YTPlayer ).trigger( "YTPFullScreenStart" ); } } ); } if( !YTPlayer.isAlone ) { function hideMouse() { YTPlayer.overlay.css( { cursor: "none" } ); } jQuery( document ).on( "mousemove.YTPlayer", function( e ) { YTPlayer.overlay.css( { cursor: "auto" } ); clearTimeout( YTPlayer.hideCursor ); if( !jQuery( e.target ).parents().is( ".mb_YTPBar" ) ) YTPlayer.hideCursor = setTimeout( hideMouse, 3000 ); } ); hideMouse(); if( real ) { videoWrapper.css( { opacity: 0 } ); videoWrapper.addClass( "YTPFullscreen" ); launchFullscreen( videoWrapper.get( 0 ) ); setTimeout( function() { videoWrapper.css( { opacity: 1 } ); YTPlayer.wrapper.append( controls ); jQuery( YTPlayer ).optimizeDisplay(); YTPlayer.player.seekTo( YTPlayer.player.getCurrentTime() + .1, true ); }, YTPlayer.opt.fadeOnStartTime ) } else videoWrapper.css( { zIndex: 10000 } ).css( { opacity: 1 } ); fullScreenBtn.html( jQuery.mbYTPlayer.controls.showSite ); YTPlayer.isAlone = true; } else { jQuery( document ).off( "mousemove.YTPlayer" ); clearTimeout( YTPlayer.hideCursor ); YTPlayer.overlay.css( { cursor: "auto" } ); if( real ) { cancelFullscreen(); } else { videoWrapper.CSSAnimate( { opacity: YTPlayer.opt.opacity }, YTPlayer.opt.fadeOnStartTime ); videoWrapper.css( { zIndex: 0 } ); } fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT ); YTPlayer.isAlone = false; } function RunPrefixMethod( obj, method ) { var pfx = [ "webkit", "moz", "ms", "o", "" ]; var p = 0, m, t; while( p < pfx.length && !obj[ m ] ) { m = method; if( pfx[ p ] == "" ) { m = m.substr( 0, 1 ).toLowerCase() + m.substr( 1 ); } m = pfx[ p ] + m; t = typeof obj[ m ]; if( t != "undefined" ) { pfx = [ pfx[ p ] ]; return( t == "function" ? obj[ m ]() : obj[ m ] ); } p++; } } function launchFullscreen( element ) { RunPrefixMethod( element, "RequestFullScreen" ); } function cancelFullscreen() { if( RunPrefixMethod( document, "FullScreen" ) || RunPrefixMethod( document, "IsFullScreen" ) ) { RunPrefixMethod( document, "CancelFullScreen" ); } } return this; }, /** * * @returns {jQuery.mbYTPlayer} */ toggleLoops: function() { var YTPlayer = this.get( 0 ); var data = YTPlayer.opt; if( data.loop == 1 ) { data.loop = 0; } else { if( data.startAt ) { YTPlayer.player.seekTo( data.startAt ); } else { YTPlayer.player.playVideo(); } data.loop = 1; } return this; }, /** * * @returns {jQuery.mbYTPlayer} */ play: function() { var YTPlayer = this.get( 0 ); if( !YTPlayer.isReady ) return this; YTPlayer.player.playVideo(); YTPlayer.wrapper.css( { opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity } ); jQuery( YTPlayer.playerEl ).css( { opacity: 1 } ); var controls = jQuery( "#controlBar_" + YTPlayer.id ); var playBtn = controls.find( ".mb_YTPPlaypause" ); playBtn.html( jQuery.mbYTPlayer.controls.pause ); YTPlayer.state = 1; YTPlayer.orig_background = jQuery( YTPlayer ).css( "background-image" ); return this; }, /** * * @param callback * @returns {jQuery.mbYTPlayer} */ togglePlay: function( callback ) { var YTPlayer = this.get( 0 ); if( YTPlayer.state == 1 ) this.YTPPause(); else this.YTPPlay(); if( typeof callback == "function" ) callback( YTPlayer.state ); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ stop: function() { var YTPlayer = this.get( 0 ); var controls = jQuery( "#controlBar_" + YTPlayer.id ); var playBtn = controls.find( ".mb_YTPPlaypause" ); playBtn.html( jQuery.mbYTPlayer.controls.play ); YTPlayer.player.stopVideo(); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ pause: function() { var YTPlayer = this.get( 0 ); YTPlayer.player.pauseVideo(); YTPlayer.state = 2; return this; }, /** * * @param val * @returns {jQuery.mbYTPlayer} */ seekTo: function( val ) { var YTPlayer = this.get( 0 ); YTPlayer.player.seekTo( val, true ); return this; }, /** * * @param val * @returns {jQuery.mbYTPlayer} */ setVolume: function( val ) { var YTPlayer = this.get( 0 ); if( !val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0 ) jQuery( YTPlayer ).YTPUnmute(); else if( ( !val && YTPlayer.player.getVolume() > 0 ) || ( val && YTPlayer.opt.vol == val ) ) { if( !YTPlayer.isMute ) jQuery( YTPlayer ).YTPMute(); else jQuery( YTPlayer ).YTPUnmute(); } else { YTPlayer.opt.vol = val; YTPlayer.player.setVolume( YTPlayer.opt.vol ); if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( val ) } return this; }, /** * * @returns {boolean} */ toggleVolume: function() { var YTPlayer = this.get( 0 ); if( !YTPlayer ) return; if( YTPlayer.player.isMuted() ) { jQuery( YTPlayer ).YTPUnmute(); return true; } else { jQuery( YTPlayer ).YTPMute(); return false; } }, /** * * @returns {jQuery.mbYTPlayer} */ mute: function() { var YTPlayer = this.get( 0 ); if( YTPlayer.isMute ) return; YTPlayer.player.mute(); YTPlayer.isMute = true; YTPlayer.player.setVolume( 0 ); if( YTPlayer.volumeBar && YTPlayer.volumeBar.length && YTPlayer.volumeBar.width() > 10 ) { YTPlayer.volumeBar.updateSliderVal( 0 ); } var controls = jQuery( "#controlBar_" + YTPlayer.id ); var muteBtn = controls.find( ".mb_YTPMuteUnmute" ); muteBtn.html( jQuery.mbYTPlayer.controls.unmute ); jQuery( YTPlayer ).addClass( "isMuted" ); if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.addClass( "muted" ); var YTPEvent = jQuery.Event( "YTPMuted" ); YTPEvent.time = YTPlayer.currentTime; if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ unmute: function() { var YTPlayer = this.get( 0 ); if( !YTPlayer.isMute ) return; YTPlayer.player.unMute(); YTPlayer.isMute = false; YTPlayer.player.setVolume( YTPlayer.opt.vol ); if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol > 10 ? YTPlayer.opt.vol : 10 ); var controls = jQuery( "#controlBar_" + YTPlayer.id ); var muteBtn = controls.find( ".mb_YTPMuteUnmute" ); muteBtn.html( jQuery.mbYTPlayer.controls.mute ); jQuery( YTPlayer ).removeClass( "isMuted" ); if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.removeClass( "muted" ); var YTPEvent = jQuery.Event( "YTPUnmuted" ); YTPEvent.time = YTPlayer.currentTime; if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); return this; }, /** * FILTERS * * * @param filter * @param value * @returns {jQuery.mbYTPlayer} */ applyFilter: function( filter, value ) { return this.each( function() { var YTPlayer = this; YTPlayer.filters[ filter ].value = value; if( YTPlayer.filtersEnabled ) jQuery( YTPlayer ).YTPEnableFilters(); } ); }, /** * * @param filters * @returns {jQuery.mbYTPlayer} */ applyFilters: function( filters ) { return this.each( function() { var YTPlayer = this; if( !YTPlayer.isReady ) { jQuery( YTPlayer ).on( "YTPReady", function() { jQuery( YTPlayer ).YTPApplyFilters( filters ); } ); return; } for( var key in filters ) jQuery( YTPlayer ).YTPApplyFilter( key, filters[ key ] ); jQuery( YTPlayer ).trigger( "YTPFiltersApplied" ); } ); }, /** * * @param filter * @param value * @returns {*} */ toggleFilter: function( filter, value ) { return this.each( function() { var YTPlayer = this; if( !YTPlayer.filters[ filter ].value ) YTPlayer.filters[ filter ].value = value; else YTPlayer.filters[ filter ].value = 0; if( YTPlayer.filtersEnabled ) jQuery( this ).YTPEnableFilters(); } ); }, /** * * @param callback * @returns {*} */ toggleFilters: function( callback ) { return this.each( function() { var YTPlayer = this; if( YTPlayer.filtersEnabled ) { jQuery( YTPlayer ).trigger( "YTPDisableFilters" ); jQuery( YTPlayer ).YTPDisableFilters(); } else { jQuery( YTPlayer ).YTPEnableFilters(); jQuery( YTPlayer ).trigger( "YTPEnableFilters" ); } if( typeof callback == "function" ) callback( YTPlayer.filtersEnabled ); } ) }, /** * * @returns {*} */ disableFilters: function() { return this.each( function() { var YTPlayer = this; var iframe = jQuery( YTPlayer.playerEl ); iframe.css( "-webkit-filter", "" ); iframe.css( "filter", "" ); YTPlayer.filtersEnabled = false; } ) }, /** * * @returns {*} */ enableFilters: function() { return this.each( function() { var YTPlayer = this; var iframe = jQuery( YTPlayer.playerEl ); var filterStyle = ""; for( var key in YTPlayer.filters ) { if( YTPlayer.filters[ key ].value ) filterStyle += key.replace( "_", "-" ) + "(" + YTPlayer.filters[ key ].value + YTPlayer.filters[ key ].unit + ") "; } iframe.css( "-webkit-filter", filterStyle ); iframe.css( "filter", filterStyle ); YTPlayer.filtersEnabled = true; } ); }, /** * * @param filter * @param callback * @returns {*} */ removeFilter: function( filter, callback ) { return this.each( function() { var YTPlayer = this; if( typeof filter == "function" ) { callback = filter; filter = null; } if( !filter ) for( var key in YTPlayer.filters ) { jQuery( this ).YTPApplyFilter( key, 0 ); if( typeof callback == "function" ) callback( key ); } else { jQuery( this ).YTPApplyFilter( filter, 0 ); if( typeof callback == "function" ) callback( filter ); } } ); }, /** * * @returns {*} */ getFilters: function() { var YTPlayer = this.get( 0 ); return YTPlayer.filters; }, /** * MASK * * * @param mask * @returns {jQuery.mbYTPlayer} */ addMask: function( mask ) { var YTPlayer = this.get( 0 ); var overlay = YTPlayer.overlay; if( !mask ) { mask = YTPlayer.actualMask; } var tempImg = jQuery( "" ).attr( "src", mask ).on( "load", function() { overlay.CSSAnimate( { opacity: 0 }, YTPlayer.opt.fadeOnStartTime, function() { YTPlayer.hasMask = true; tempImg.remove(); overlay.css( { backgroundImage: "url(" + mask + ")", backgroundRepeat: "no-repeat", backgroundPosition: "center center", backgroundSize: "cover" } ); overlay.css( { opacity: 1 } ); } ); } ); return this; }, /** * * @returns {jQuery.mbYTPlayer} */ removeMask: function() { var YTPlayer = this.get( 0 ); var overlay = YTPlayer.overlay; overlay.CSSAnimate( { opacity: 0 }, YTPlayer.opt.fadeOnStartTime, function() { YTPlayer.hasMask = false; overlay.css( { backgroundImage: "", backgroundRepeat: "", backgroundPosition: "", backgroundSize: "" } ); overlay.css( { opacity: 1 } ); } ); return this; }, /** * * @param YTPlayer */ applyMask: function( YTPlayer ) { var $YTPlayer = jQuery( YTPlayer ); $YTPlayer.off( "YTPTime.mask" ); if( YTPlayer.opt.mask ) { if( typeof YTPlayer.opt.mask == "string" ) { $YTPlayer.YTPAddMask( YTPlayer.opt.mask ); YTPlayer.actualMask = YTPlayer.opt.mask; } else if( typeof YTPlayer.opt.mask == "object" ) { for( var time in YTPlayer.opt.mask ) { if( YTPlayer.opt.mask[ time ] ) var img = jQuery( "" ).attr( "src", YTPlayer.opt.mask[ time ] ); } if( YTPlayer.opt.mask[ 0 ] ) $YTPlayer.YTPAddMask( YTPlayer.opt.mask[ 0 ] ); $YTPlayer.on( "YTPTime.mask", function( e ) { for( var time in YTPlayer.opt.mask ) { if( e.time == time ) if( !YTPlayer.opt.mask[ time ] ) { $YTPlayer.YTPRemoveMask(); } else { $YTPlayer.YTPAddMask( YTPlayer.opt.mask[ time ] ); YTPlayer.actualMask = YTPlayer.opt.mask[ time ]; } } } ); } } }, /** * */ toggleMask: function() { var YTPlayer = this.get( 0 ); var $YTPlayer = $( YTPlayer ); if( YTPlayer.hasMask ) $YTPlayer.YTPRemoveMask(); else $YTPlayer.YTPAddMask(); return this; }, /** * * @returns {{totalTime: number, currentTime: number}} */ manageProgress: function() { var YTPlayer = this.get( 0 ); var controls = jQuery( "#controlBar_" + YTPlayer.id ); var progressBar = controls.find( ".mb_YTPProgress" ); var loadedBar = controls.find( ".mb_YTPLoaded" ); var timeBar = controls.find( ".mb_YTPseekbar" ); var totW = progressBar.outerWidth(); var currentTime = Math.floor( YTPlayer.player.getCurrentTime() ); var totalTime = Math.floor( YTPlayer.player.getDuration() ); var timeW = ( currentTime * totW ) / totalTime; var startLeft = 0; var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100; loadedBar.css( { left: startLeft, width: loadedW + "%" } ); timeBar.css( { left: 0, width: timeW } ); return { totalTime: totalTime, currentTime: currentTime }; }, /** * * @param YTPlayer */ buildControls: function( YTPlayer ) { var data = YTPlayer.opt; // @data.printUrl: is deprecated; use data.showYTLogo data.showYTLogo = data.showYTLogo || data.printUrl; if( jQuery( "#controlBar_" + YTPlayer.id ).length ) return; YTPlayer.controlBar = jQuery( "" ).attr( "id", "controlBar_" + YTPlayer.id ).addClass( "mb_YTPBar" ).css( { whiteSpace: "noWrap", position: YTPlayer.isBackground ? "fixed" : "absolute", zIndex: YTPlayer.isBackground ? 10000 : 1000 } ).hide(); var buttonBar = jQuery( "
" ).addClass( "buttonBar" ); /* play/pause button*/ var playpause = jQuery( "" + jQuery.mbYTPlayer.controls.play + "" ).addClass( "mb_YTPPlaypause ytpicon" ).click( function() { if( YTPlayer.player.getPlayerState() == 1 ) jQuery( YTPlayer ).YTPPause(); else jQuery( YTPlayer ).YTPPlay(); } ); /* mute/unmute button*/ var MuteUnmute = jQuery( "" + jQuery.mbYTPlayer.controls.mute + "" ).addClass( "mb_YTPMuteUnmute ytpicon" ).click( function() { if( YTPlayer.player.getVolume() == 0 ) { jQuery( YTPlayer ).YTPUnmute(); } else { jQuery( YTPlayer ).YTPMute(); } } ); /* volume bar*/ var volumeBar = jQuery( "
" ).addClass( "mb_YTPVolumeBar" ).css( { display: "inline-block" } ); YTPlayer.volumeBar = volumeBar; /* time elapsed */ var idx = jQuery( "" ).addClass( "mb_YTPTime" ); var vURL = data.videoURL ? data.videoURL : ""; if( vURL.indexOf( "http" ) < 0 ) vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL; var movieUrl = jQuery( "" ).html( jQuery.mbYTPlayer.controls.ytLogo ).addClass( "mb_YTPUrl ytpicon" ).attr( "title", "view on YouTube" ).on( "click", function() { window.open( vURL, "viewOnYT" ) } ); var onlyVideo = jQuery( "" ).html( jQuery.mbYTPlayer.controls.onlyYT ).addClass( "mb_OnlyYT ytpicon" ).on( "click", function() { jQuery( YTPlayer ).YTPFullscreen( data.realfullscreen ); } ); var progressBar = jQuery( "
" ).addClass( "mb_YTPProgress" ).css( "position", "absolute" ).click( function( e ) { timeBar.css( { width: ( e.clientX - timeBar.offset().left ) } ); YTPlayer.timeW = e.clientX - timeBar.offset().left; YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( { width: 0 } ); var totalTime = Math.floor( YTPlayer.player.getDuration() ); YTPlayer.goto = ( timeBar.outerWidth() * totalTime ) / progressBar.outerWidth(); YTPlayer.player.seekTo( parseFloat( YTPlayer.goto ), true ); YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( { width: 0 } ); } ); var loadedBar = jQuery( "
" ).addClass( "mb_YTPLoaded" ).css( "position", "absolute" ); var timeBar = jQuery( "
" ).addClass( "mb_YTPseekbar" ).css( "position", "absolute" ); progressBar.append( loadedBar ).append( timeBar ); buttonBar.append( playpause ).append( MuteUnmute ).append( volumeBar ).append( idx ); if( data.showYTLogo ) { buttonBar.append( movieUrl ); } if( YTPlayer.isBackground || ( eval( YTPlayer.opt.realfullscreen ) && !YTPlayer.isBackground ) ) buttonBar.append( onlyVideo ); YTPlayer.controlBar.append( buttonBar ).append( progressBar ); if( !YTPlayer.isBackground ) { YTPlayer.controlBar.addClass( "inlinePlayer" ); YTPlayer.wrapper.before( YTPlayer.controlBar ); } else { jQuery( "body" ).after( YTPlayer.controlBar ); } volumeBar.simpleSlider( { initialval: YTPlayer.opt.vol, scale: 100, orientation: "h", callback: function( el ) { if( el.value == 0 ) { jQuery( YTPlayer ).YTPMute(); } else { jQuery( YTPlayer ).YTPUnmute(); } YTPlayer.player.setVolume( el.value ); if( !YTPlayer.isMute ) YTPlayer.opt.vol = el.value; } } ); }, /** * * @param YTPlayer */ checkForState: function( YTPlayer ) { var interval = YTPlayer.opt.showControls ? 100 : 400; clearInterval( YTPlayer.getState ); //Checking if player has been removed from scene if( !jQuery.contains( document, YTPlayer ) ) { jQuery( YTPlayer ).YTPPlayerDestroy(); clearInterval( YTPlayer.getState ); clearInterval( YTPlayer.checkForStartAt ); return; } jQuery.mbYTPlayer.checkForStart( YTPlayer ); YTPlayer.getState = setInterval( function() { var prog = jQuery( YTPlayer ).YTPManageProgress(); var $YTPlayer = jQuery( YTPlayer ); var data = YTPlayer.opt; var startAt = YTPlayer.start_from_last ? YTPlayer.start_from_last : YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; YTPlayer.start_from_last = null; var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0; stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0; if( YTPlayer.currentTime != prog.currentTime ) { var YTPEvent = jQuery.Event( "YTPTime" ); YTPEvent.time = YTPlayer.currentTime; jQuery( YTPlayer ).trigger( YTPEvent ); } YTPlayer.currentTime = prog.currentTime; YTPlayer.totalTime = YTPlayer.player.getDuration(); if( YTPlayer.player.getVolume() == 0 ) $YTPlayer.addClass( "isMuted" ); else $YTPlayer.removeClass( "isMuted" ); if( YTPlayer.opt.showControls ) if( prog.totalTime ) { YTPlayer.controlBar.find( ".mb_YTPTime" ).html( jQuery.mbYTPlayer.formatTime( prog.currentTime ) + " / " + jQuery.mbYTPlayer.formatTime( prog.totalTime ) ); } else { YTPlayer.controlBar.find( ".mb_YTPTime" ).html( "-- : -- / -- : --" ); } if( eval( YTPlayer.opt.stopMovieOnBlur ) ) { if( !document.hasFocus() ) { if( YTPlayer.state == 1 ) { YTPlayer.hasFocus = false; $YTPlayer.YTPPause(); } } else if( document.hasFocus() && !YTPlayer.hasFocus && !( YTPlayer.state == -1 || YTPlayer.state == 0 ) ) { YTPlayer.hasFocus = true; $YTPlayer.YTPPlay(); } } if( YTPlayer.opt.playOnlyIfVisible ) { var isOnScreen = jQuery.mbYTPlayer.isOnScreen( YTPlayer ); if( !isOnScreen && YTPlayer.state == 1 ) { YTPlayer.hasFocus = false; $YTPlayer.YTPPause(); console.debug( YTPlayer.id, isOnScreen ) console.debug( YTPlayer.state ) } else if( !YTPlayer.hasFocus && !( YTPlayer.state == -1 || YTPlayer.state == 0 ) ) { YTPlayer.hasFocus = true; $YTPlayer.YTPPlay(); } } if( YTPlayer.controlBar.length && YTPlayer.controlBar.outerWidth() <= 400 && !YTPlayer.isCompact ) { YTPlayer.controlBar.addClass( "compact" ); YTPlayer.isCompact = true; if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol ); } else if( YTPlayer.controlBar.length && YTPlayer.controlBar.outerWidth() > 400 && YTPlayer.isCompact ) { YTPlayer.controlBar.removeClass( "compact" ); YTPlayer.isCompact = false; if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol ); } if( YTPlayer.player.getPlayerState() == 1 && ( parseFloat( YTPlayer.player.getDuration() - .5 ) < YTPlayer.player.getCurrentTime() || ( stopAt > 0 && parseFloat( YTPlayer.player.getCurrentTime() ) > stopAt ) ) ) { if( YTPlayer.isEnded ) return; YTPlayer.isEnded = true; setTimeout( function() { YTPlayer.isEnded = false }, 1000 ); if( YTPlayer.isPlayList ) { if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) { YTPlayer.player.loopTime = undefined; clearInterval( YTPlayer.getState ); var YTPEnd = jQuery.Event( "YTPEnd" ); YTPEnd.time = YTPlayer.currentTime; jQuery( YTPlayer ).trigger( YTPEnd ); //YTPlayer.state = 0; return; } } else if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) { YTPlayer.player.loopTime = undefined; YTPlayer.preventTrigger = true; YTPlayer.state = 2; jQuery( YTPlayer ).YTPPause(); YTPlayer.wrapper.CSSAnimate( { opacity: 0 }, YTPlayer.opt.fadeOnStartTime, function() { if( YTPlayer.controlBar.length ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); var YTPEnd = jQuery.Event( "YTPEnd" ); YTPEnd.time = YTPlayer.currentTime; jQuery( YTPlayer ).trigger( YTPEnd ); YTPlayer.player.seekTo( startAt, true ); if( !YTPlayer.isBackground ) { if( YTPlayer.opt.backgroundUrl && YTPlayer.isPlayer ) { YTPlayer.opt.backgroundUrl = YTPlayer.opt.backgroundUrl || YTPlayer.orig_background; YTPlayer.opt.containment.css( { background: "url(" + YTPlayer.opt.backgroundUrl + ") center center", backgroundSize: "cover" } ); } } else { if( YTPlayer.orig_background ) jQuery( YTPlayer ).css( "background-image", YTPlayer.orig_background ); } } ); return; } YTPlayer.player.loopTime = YTPlayer.player.loopTime ? ++YTPlayer.player.loopTime : 1; startAt = startAt || 1; YTPlayer.preventTrigger = true; YTPlayer.state = 2; jQuery( YTPlayer ).YTPPause(); YTPlayer.player.seekTo( startAt, true ); $YTPlayer.YTPPlay(); } }, interval ); }, /** * * @returns {string} time */ getTime: function() { var YTPlayer = this.get( 0 ); return jQuery.mbYTPlayer.formatTime( YTPlayer.currentTime ); }, /** * * @returns {string} total time */ getTotalTime: function() { var YTPlayer = this.get( 0 ); return jQuery.mbYTPlayer.formatTime( YTPlayer.totalTime ); }, /** * * @param YTPlayer */ checkForStart: function( YTPlayer ) { var $YTPlayer = jQuery( YTPlayer ); //Checking if player has been removed from scene if( !jQuery.contains( document, YTPlayer ) ) { jQuery( YTPlayer ).YTPPlayerDestroy(); return } YTPlayer.preventTrigger = true; YTPlayer.state = 2; jQuery( YTPlayer ).YTPPause(); jQuery( YTPlayer ).muteYTPVolume(); jQuery( "#controlBar_" + YTPlayer.id ).remove(); YTPlayer.controlBar = false; if( YTPlayer.opt.showControls ) jQuery.mbYTPlayer.buildControls( YTPlayer ); if( YTPlayer.opt.addRaster ) { var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster"; YTPlayer.overlay.addClass( YTPlayer.isRetina ? classN + " retina" : classN ); } else { YTPlayer.overlay.removeClass( function( index, classNames ) { // change the list into an array var current_classes = classNames.split( " " ), // array of classes which are to be removed classes_to_remove = []; jQuery.each( current_classes, function( index, class_name ) { // if the classname begins with bg add it to the classes_to_remove array if( /raster.*/.test( class_name ) ) { classes_to_remove.push( class_name ); } } ); classes_to_remove.push( "retina" ); // turn the array back into a string return classes_to_remove.join( " " ); } ) } var startAt = YTPlayer.start_from_last ? YTPlayer.start_from_last : YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; YTPlayer.start_from_last = null; YTPlayer.player.playVideo(); YTPlayer.player.seekTo( startAt, true ); clearInterval( YTPlayer.checkForStartAt ); YTPlayer.checkForStartAt = setInterval( function() { jQuery( YTPlayer ).YTPMute(); var canPlayVideo = YTPlayer.player.getVideoLoadedFraction() >= startAt / YTPlayer.player.getDuration(); if( YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo ) { clearInterval( YTPlayer.checkForStartAt ); if( typeof YTPlayer.opt.onReady == "function" ) YTPlayer.opt.onReady( YTPlayer ); YTPlayer.isReady = true; var YTPready = jQuery.Event( "YTPReady" ); YTPready.time = YTPlayer.currentTime; jQuery( YTPlayer ).trigger( YTPready ); YTPlayer.preventTrigger = true; YTPlayer.state = 2; jQuery( YTPlayer ).YTPPause(); if( !YTPlayer.opt.mute ) jQuery( YTPlayer ).YTPUnmute(); YTPlayer.canTrigger = true; if( YTPlayer.opt.autoPlay ) { var YTPStart = jQuery.Event( "YTPStart" ); YTPStart.time = YTPlayer.currentTime; jQuery( YTPlayer ).trigger( YTPStart ); jQuery( YTPlayer.playerEl ).css( { opacity: 1 } ); $YTPlayer.YTPPlay(); YTPlayer.wrapper.css( { opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity }); /* Fix for Safari freeze */ if( jQuery.mbBrowser.os.name == "mac" && jQuery.mbBrowser.safari && jQuery.mbBrowser.versionCompare( jQuery.mbBrowser.fullVersion, "10.1" ) < 0 ) { //jQuery.mbBrowser.os.minor_version < 11 YTPlayer.safariPlay = setInterval( function() { if( YTPlayer.state != 1 ) $YTPlayer.YTPPlay(); else clearInterval( YTPlayer.safariPlay ) }, 10 ) } $YTPlayer.one( "YTPReady", function() { $YTPlayer.YTPPlay(); } ); } else { //$YTPlayer.YTPPause(); YTPlayer.player.pauseVideo(); if( !YTPlayer.isPlayer ) { jQuery( YTPlayer.playerEl ).css( { opacity: 1 } ); YTPlayer.wrapper.css( { opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity }); } if( YTPlayer.controlBar.length ) YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); } if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay && ( YTPlayer.loading && YTPlayer.loading.length ) ) { YTPlayer.loading.html( "Ready" ); setTimeout( function() { YTPlayer.loading.fadeOut(); }, 100 ) } if( YTPlayer.controlBar && YTPlayer.controlBar.length ) YTPlayer.controlBar.slideDown( 1000 ); } else if( jQuery.mbBrowser.os.name == "mac" && jQuery.mbBrowser.safari && jQuery.mbBrowser.fullVersion && jQuery.mbBrowser.versionCompare( jQuery.mbBrowser.fullVersion, "10.1" ) < 0 ) { //jQuery.mbBrowser.os.minor_version < 11 YTPlayer.player.playVideo(); if( startAt >= 0 ) YTPlayer.player.seekTo( startAt, true ); } }, 10 ); }, /** * * @param anchor */ setAnchor: function( anchor ) { var $YTplayer = this; $YTplayer.optimizeDisplay( anchor ); }, /** * * @param anchor */ getAnchor: function() { var YTPlayer = this.get( 0 ); return YTPlayer.opt.anchor; }, /** * * @param s * @returns {string} */ formatTime: function( s ) { var min = Math.floor( s / 60 ); var sec = Math.floor( s - ( 60 * min ) ); return( min <= 9 ? "0" + min : min ) + " : " + ( sec <= 9 ? "0" + sec : sec ); } }; /** * * @param anchor * can be center, top, bottom, right, left; (default is center,center) */ jQuery.fn.optimizeDisplay = function( anchor ) { var YTPlayer = this.get( 0 ); var playerBox = jQuery( YTPlayer.playerEl ); var vid = {}; YTPlayer.opt.anchor = anchor || YTPlayer.opt.anchor; YTPlayer.opt.anchor = typeof YTPlayer.opt.anchor != "undefined " ? YTPlayer.opt.anchor : "center,center"; var YTPAlign = YTPlayer.opt.anchor.split( "," ); //data.optimizeDisplay = YTPlayer.isPlayer ? false : data.optimizeDisplay; if( YTPlayer.opt.optimizeDisplay ) { var abundance = YTPlayer.isPlayer ? 0 : 80; var win = {}; var el = YTPlayer.wrapper; win.width = el.outerWidth(); win.height = el.outerHeight() + abundance; YTPlayer.opt.ratio = eval( YTPlayer.opt.ratio ); vid.width = win.width; // vid.height = YTPlayer.opt.ratio == "16/9" ? Math.ceil( vid.width * ( 9 / 16 ) ) : Math.ceil( vid.width * ( 3 / 4 ) ); vid.height = Math.ceil( vid.width / YTPlayer.opt.ratio ); vid.marginTop = Math.ceil( -( ( vid.height - win.height ) / 2 ) ); vid.marginLeft = 0; var lowest = vid.height < win.height; if( lowest ) { vid.height = win.height; // vid.width = YTPlayer.opt.ratio == "16/9" ? Math.floor( vid.height * ( 16 / 9 ) ) : Math.floor( vid.height * ( 4 / 3 ) ); vid.width = Math.ceil( vid.height * YTPlayer.opt.ratio ); vid.marginTop = 0; vid.marginLeft = Math.ceil( -( ( vid.width - win.width ) / 2 ) ); } for( var a in YTPAlign ) { if( YTPAlign.hasOwnProperty( a ) ) { var al = YTPAlign[ a ].replace( / /g, "" ); switch( al ) { case "top": vid.marginTop = lowest ? -( ( vid.height - win.height ) / 2 ) : 0; break; case "bottom": vid.marginTop = lowest ? 0 : -( vid.height - ( win.height ) ); break; case "left": vid.marginLeft = 0; break; case "right": vid.marginLeft = lowest ? -( vid.width - win.width ) : 0; break; default: if( vid.width > win.width ) vid.marginLeft = -( ( vid.width - win.width ) / 2 ); break; } } } } else { vid.width = "100%"; vid.height = "100%"; vid.marginTop = 0; vid.marginLeft = 0; } playerBox.css( { width: vid.width, height: vid.height, marginTop: vid.marginTop, marginLeft: vid.marginLeft, maxWidth: "initial" } ); }; /** * * @param arr * @returns {Array|string|Blob|*} * */ jQuery.shuffle = function( arr ) { var newArray = arr.slice(); var len = newArray.length; var i = len; while( i-- ) { var p = parseInt( Math.random() * len ); var t = newArray[ i ]; newArray[ i ] = newArray[ p ]; newArray[ p ] = t; } return newArray; }; jQuery.fn.unselectable = function() { return this.each( function() { jQuery( this ).css( { "-moz-user-select": "none", "-webkit-user-select": "none", "user-select": "none" } ).attr( "unselectable", "on" ); } ); }; /* Exposed public method */ jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer; jQuery.fn.YTPGetPlayer = jQuery.mbYTPlayer.getPlayer; jQuery.fn.YTPGetVideoID = jQuery.mbYTPlayer.getVideoID; jQuery.fn.YTPChangeMovie = jQuery.mbYTPlayer.changeMovie; jQuery.fn.YTPPlayerDestroy = jQuery.mbYTPlayer.playerDestroy; jQuery.fn.YTPPlay = jQuery.mbYTPlayer.play; jQuery.fn.YTPTogglePlay = jQuery.mbYTPlayer.togglePlay; jQuery.fn.YTPStop = jQuery.mbYTPlayer.stop; jQuery.fn.YTPPause = jQuery.mbYTPlayer.pause; jQuery.fn.YTPSeekTo = jQuery.mbYTPlayer.seekTo; jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.playlist; jQuery.fn.YTPPlayNext = jQuery.mbYTPlayer.playNext; jQuery.fn.YTPPlayPrev = jQuery.mbYTPlayer.playPrev; jQuery.fn.YTPPlayIndex = jQuery.mbYTPlayer.playIndex; jQuery.fn.YTPMute = jQuery.mbYTPlayer.mute; jQuery.fn.YTPUnmute = jQuery.mbYTPlayer.unmute; jQuery.fn.YTPToggleVolume = jQuery.mbYTPlayer.toggleVolume; jQuery.fn.YTPSetVolume = jQuery.mbYTPlayer.setVolume; jQuery.fn.YTPGetVideoData = jQuery.mbYTPlayer.getVideoData; jQuery.fn.YTPFullscreen = jQuery.mbYTPlayer.fullscreen; jQuery.fn.YTPToggleLoops = jQuery.mbYTPlayer.toggleLoops; jQuery.fn.YTPSetVideoQuality = jQuery.mbYTPlayer.setVideoQuality; jQuery.fn.YTPManageProgress = jQuery.mbYTPlayer.manageProgress; jQuery.fn.YTPApplyFilter = jQuery.mbYTPlayer.applyFilter; jQuery.fn.YTPApplyFilters = jQuery.mbYTPlayer.applyFilters; jQuery.fn.YTPToggleFilter = jQuery.mbYTPlayer.toggleFilter; jQuery.fn.YTPToggleFilters = jQuery.mbYTPlayer.toggleFilters; jQuery.fn.YTPRemoveFilter = jQuery.mbYTPlayer.removeFilter; jQuery.fn.YTPDisableFilters = jQuery.mbYTPlayer.disableFilters; jQuery.fn.YTPEnableFilters = jQuery.mbYTPlayer.enableFilters; jQuery.fn.YTPGetFilters = jQuery.mbYTPlayer.getFilters; jQuery.fn.YTPGetTime = jQuery.mbYTPlayer.getTime; jQuery.fn.YTPGetTotalTime = jQuery.mbYTPlayer.getTotalTime; jQuery.fn.YTPAddMask = jQuery.mbYTPlayer.addMask; jQuery.fn.YTPRemoveMask = jQuery.mbYTPlayer.removeMask; jQuery.fn.YTPToggleMask = jQuery.mbYTPlayer.toggleMask; jQuery.fn.YTPSetAnchor = jQuery.mbYTPlayer.setAnchor; jQuery.fn.YTPGetAnchor = jQuery.mbYTPlayer.getAnchor; /** * * @deprecated * todo: Above methods will be removed with version 3.5.0 * **/ jQuery.fn.mb_YTPlayer = jQuery.mbYTPlayer.buildPlayer; jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev; jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie; jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID; jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer; jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy; jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen; jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildControls; jQuery.fn.playYTP = jQuery.mbYTPlayer.play; jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops; jQuery.fn.stopYTP = jQuery.mbYTPlayer.stop; jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pause; jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekTo; jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.mute; jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmute; jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setVolume; jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageProgress; jQuery.fn.YTPGetDataFromFeed = jQuery.mbYTPlayer.getVideoData; } )( jQuery, ytp ); ; /* * ****************************************************************************** * jquery.mb.components * file: jquery.mb.CSSAnimate.min.js * * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); * Open lab srl, Firenze - Italy * email: matteo@open-lab.com * site: http://pupunzi.com * blog: http://pupunzi.open-lab.com * http://open-lab.com * * Licences: MIT, GPL * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * last modified: 26/03/14 21.40 * ***************************************************************************** */ function uncamel(e){return e.replace(/([A-Z])/g,function(e){return"-"+e.toLowerCase()})}function setUnit(e,t){return"string"!=typeof e||e.match(/^[\-0-9\.]+jQuery/)?""+e+t:e}function setFilter(e,t,r){var i=uncamel(t),n=jQuery.browser.mozilla?"":jQuery.CSS.sfx;e[n+"filter"]=e[n+"filter"]||"",r=setUnit(r>jQuery.CSS.filters[t].max?jQuery.CSS.filters[t].max:r,jQuery.CSS.filters[t].unit),e[n+"filter"]+=i+"("+r+") ",delete e[t]}jQuery.support.CSStransition=function(){var e=document.body||document.documentElement,t=e.style;return void 0!==t.transition||void 0!==t.WebkitTransition||void 0!==t.MozTransition||void 0!==t.MsTransition||void 0!==t.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(e){var t=jQuery.extend(!0,{},e);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 r in t){"transform"===r&&(t[jQuery.CSS.sfx+"transform"]=t[r],delete t[r]),"transform-origin"===r&&(t[jQuery.CSS.sfx+"transform-origin"]=e[r],delete t[r]),"filter"!==r||jQuery.browser.mozilla||(t[jQuery.CSS.sfx+"filter"]=e[r],delete t[r]),"blur"===r&&setFilter(t,"blur",e[r]),"brightness"===r&&setFilter(t,"brightness",e[r]),"contrast"===r&&setFilter(t,"contrast",e[r]),"grayscale"===r&&setFilter(t,"grayscale",e[r]),"hueRotate"===r&&setFilter(t,"hueRotate",e[r]),"invert"===r&&setFilter(t,"invert",e[r]),"saturate"===r&&setFilter(t,"saturate",e[r]),"sepia"===r&&setFilter(t,"sepia",e[r]);var i="";"x"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateX("+setUnit(e[r],"px")+")",delete t[r]),"y"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateY("+setUnit(e[r],"px")+")",delete t[r]),"z"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateZ("+setUnit(e[r],"px")+")",delete t[r]),"rotate"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotate("+setUnit(e[r],"deg")+")",delete t[r]),"rotateX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateX("+setUnit(e[r],"deg")+")",delete t[r]),"rotateY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateY("+setUnit(e[r],"deg")+")",delete t[r]),"rotateZ"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateZ("+setUnit(e[r],"deg")+")",delete t[r]),"scale"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scale("+setUnit(e[r],"")+")",delete t[r]),"scaleX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleX("+setUnit(e[r],"")+")",delete t[r]),"scaleY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleY("+setUnit(e[r],"")+")",delete t[r]),"scaleZ"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleZ("+setUnit(e[r],"")+")",delete t[r]),"skew"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skew("+setUnit(e[r],"deg")+")",delete t[r]),"skewX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skewX("+setUnit(e[r],"deg")+")",delete t[r]),"skewY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skewY("+setUnit(e[r],"deg")+")",delete t[r]),"perspective"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" perspective("+setUnit(e[r],"px")+")",delete t[r])}return t},getProp:function(e){var t=[];for(var r in e)t.indexOf(r)<0&&t.push(uncamel(r));return t.join(",")},animate:function(e,t,r,i,n){return this.each(function(){function s(){u.called=!0,u.CSSAIsRunning=!1,a.off(jQuery.CSS.transitionEnd+"."+u.id),clearTimeout(u.timeout),a.css(jQuery.CSS.sfx+"transition",""),"function"==typeof n&&n.apply(u),"function"==typeof u.CSSqueue&&(u.CSSqueue(),u.CSSqueue=null)}var u=this,a=jQuery(this);u.id=u.id||"CSSA_"+(new Date).getTime();var o=o||{type:"noEvent"};if(u.CSSAIsRunning&&u.eventType==o.type&&!jQuery.browser.msie&&jQuery.browser.version<=9)return void(u.CSSqueue=function(){a.CSSAnimate(e,t,r,i,n)});if(u.CSSqueue=null,u.eventType=o.type,0!==a.length&&e){if(e=jQuery.normalizeCss(e),u.CSSAIsRunning=!0,"function"==typeof t&&(n=t,t=jQuery.fx.speeds._default),"function"==typeof r&&(i=r,r=0),"string"==typeof r&&(n=r,r=0),"function"==typeof i&&(n=i,i="cubic-bezier(0.65,0.03,0.36,0.72)"),"string"==typeof t)for(var f in jQuery.fx.speeds){if(t==f){t=jQuery.fx.speeds[f];break}t=jQuery.fx.speeds._default}if(t||(t=jQuery.fx.speeds._default),"string"==typeof n&&(i=n,n=null),!jQuery.support.CSStransition){for(var c in e){if("transform"===c&&delete e[c],"filter"===c&&delete e[c],"transform-origin"===c&&delete e[c],"auto"===e[c]&&delete e[c],"x"===c){var S=e[c],l="left";e[l]=S,delete e[c]}if("y"===c){var S=e[c],l="top";e[l]=S,delete e[c]}("-ms-transform"===c||"-ms-filter"===c)&&delete e[c]}return void a.delay(r).animate(e,t,n)}var y={"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)"};y[i]&&(i=y[i]),a.off(jQuery.CSS.transitionEnd+"."+u.id);var m=jQuery.CSS.getProp(e),d={};jQuery.extend(d,e),d[jQuery.CSS.sfx+"transition-property"]=m,d[jQuery.CSS.sfx+"transition-duration"]=t+"ms",d[jQuery.CSS.sfx+"transition-delay"]=r+"ms",d[jQuery.CSS.sfx+"transition-timing-function"]=i,setTimeout(function(){a.one(jQuery.CSS.transitionEnd+"."+u.id,s),a.css(d)},1),u.timeout=setTimeout(function(){return u.called||!n?(u.called=!1,void(u.CSSAIsRunning=!1)):(a.css(jQuery.CSS.sfx+"transition",""),n.apply(u),u.CSSAIsRunning=!1,void("function"==typeof u.CSSqueue&&(u.CSSqueue(),u.CSSqueue=null)))},t+r+10)}})}},jQuery.fn.CSSAnimate=jQuery.CSS.animate,jQuery.normalizeCss=jQuery.CSS.normalizeCss,jQuery.fn.css3=function(e){return this.each(function(){var t=jQuery(this),r=jQuery.normalizeCss(e);t.css(r)})}; ;/*___________________________________________________________________________________________________________________________________________________ _ jquery.mb.components _ _ _ _ file: jquery.mb.browser.min.js _ _ last modified: 24/05/17 19.56 _ _ _ _ Open Lab s.r.l., Florence - Italy _ _ _ _ email: matteo@open-lab.com _ _ site: http://pupunzi.com _ _ http://open-lab.com _ _ blog: http://pupunzi.open-lab.com _ _ Q&A: http://jquery.pupunzi.com _ _ _ _ Licences: MIT, GPL _ _ http://www.opensource.org/licenses/mit-license.php _ _ http://www.gnu.org/licenses/gpl.html _ _ _ _ Copyright (c) 2001-2017. Matteo Bicocchi (Pupunzi); _ ___________________________________________________________________________________________________________________________________________________*/ var nAgt=navigator.userAgent;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.androidStock=!1;jQuery.browser.msie=!1;jQuery.browser.edge=!1;jQuery.browser.ua=nAgt;function isTouchSupported(){var a=nAgt.msMaxTouchPoints,e="ontouchstart"in document.createElement("div");return a||e?!0:!1} var getOS=function(){var a={version:"Unknown version",name:"Unknown OS"};-1!=navigator.appVersion.indexOf("Win")&&(a.name="Windows");-1!=navigator.appVersion.indexOf("Mac")&&0>navigator.appVersion.indexOf("Mobile")&&(a.name="Mac");-1!=navigator.appVersion.indexOf("Linux")&&(a.name="Linux");/Mac OS X/.test(nAgt)&&!/Mobile/.test(nAgt)&&(a.version=/Mac OS X (10[\.\_\d]+)/.exec(nAgt)[1],a.version=a.version.replace(/_/g,".").substring(0,5));/Windows/.test(nAgt)&&(a.version="Unknown.Unknown");/Windows NT 5.1/.test(nAgt)&& (a.version="5.1");/Windows NT 6.0/.test(nAgt)&&(a.version="6.0");/Windows NT 6.1/.test(nAgt)&&(a.version="6.1");/Windows NT 6.2/.test(nAgt)&&(a.version="6.2");/Windows NT 10.0/.test(nAgt)&&(a.version="10.0");/Linux/.test(nAgt)&&/Linux/.test(nAgt)&&(a.version="Unknown.Unknown");a.name=a.name.toLowerCase();a.major_version="Unknown";a.minor_version="Unknown";"Unknown.Unknown"!=a.version&&(a.major_version=parseFloat(a.version.split(".")[0]),a.minor_version=parseFloat(a.version.split(".")[1]));return a}; jQuery.browser.os=getOS();jQuery.browser.hasTouch=isTouchSupported();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("Edge"))?(jQuery.browser.edge=!0,jQuery.browser.name="Microsoft Edge",jQuery.browser.fullVersion=nAgt.substring(verOffset+5)):-1!=(verOffset=nAgt.indexOf("Chrome"))?(jQuery.browser.webkit=!0,jQuery.browser.chrome= !0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1parseInt(d[b]))return 1;if(d[b]&&!c[b]&&0").addClass("level").addClass(e); d.prepend(e);a.level=e;d.css({cursor:"default"});"auto"==a.opt.scale&&(a.opt.scale=b(a).outerWidth());d.updateSliderVal();a.opt.readonly||(d.on(b.simpleSlider.events.start,function(c){b.browser.mobile&&(c=c.changedTouches[0]);a.canSlide=!0;d.updateSliderVal(c);"h"==a.opt.orientation?d.css({cursor:"col-resize"}):d.css({cursor:"row-resize"});c.preventDefault();c.stopPropagation()}),b(document).on(b.simpleSlider.events.move,function(c){b.browser.mobile&&(c=c.changedTouches[0]);a.canSlide&&(b(document).css({cursor:"default"}), d.updateSliderVal(c),c.preventDefault(),c.stopPropagation())}).on(b.simpleSlider.events.end,function(){b(document).css({cursor:"auto"});a.canSlide=!1;d.css({cursor:"auto"})}))})},updateSliderVal:function(c){var a=this.get(0);if(a.opt){a.opt.initialval="number"==typeof a.opt.initialval?a.opt.initialval:a.opt.initialval(a);var d=b(a).outerWidth(),e=b(a).outerHeight();a.x="object"==typeof c?c.clientX+document.body.scrollLeft-this.offset().left:"number"==typeof c?c*d/a.opt.scale:a.opt.initialval*d/a.opt.scale; a.y="object"==typeof c?c.clientY+document.body.scrollTop-this.offset().top:"number"==typeof c?(a.opt.scale-a.opt.initialval-c)*e/a.opt.scale:a.opt.initialval*e/a.opt.scale;a.y=this.outerHeight()-a.y;a.scaleX=a.x*a.opt.scale/d;a.scaleY=a.y*a.opt.scale/e;a.outOfRangeX=a.scaleX>a.opt.scale?a.scaleX-a.opt.scale:0>a.scaleX?a.scaleX:0;a.outOfRangeY=a.scaleY>a.opt.scale?a.scaleY-a.opt.scale:0>a.scaleY?a.scaleY:0;a.outOfRange="h"==a.opt.orientation?a.outOfRangeX:a.outOfRangeY;a.value="undefined"!=typeof c? "h"==a.opt.orientation?a.x>=this.outerWidth()?a.opt.scale:0>=a.x?0:a.scaleX:a.y>=this.outerHeight()?a.opt.scale:0>=a.y?0:a.scaleY:"h"==a.opt.orientation?a.scaleX:a.scaleY;"h"==a.opt.orientation?a.level.width(Math.floor(100*a.x/d)+"%"):a.level.height(Math.floor(100*a.y/e));"function"==typeof a.opt.callback&&a.opt.callback(a)}}};b.fn.simpleSlider=b.simpleSlider.init;b.fn.updateSliderVal=b.simpleSlider.updateSliderVal})(jQuery); ;/*___________________________________________________________________________________________________________________________________________________ _ jquery.mb.components _ _ _ _ file: jquery.mb.storage.min.js _ _ last modified: 24/05/15 16.08 _ _ _ _ Open Lab s.r.l., Florence - Italy _ _ _ _ email: matteo@open-lab.com _ _ site: http://pupunzi.com _ _ http://open-lab.com _ _ blog: http://pupunzi.open-lab.com _ _ Q&A: http://jquery.pupunzi.com _ _ _ _ Licences: MIT, GPL _ _ http://www.opensource.org/licenses/mit-license.php _ _ http://www.gnu.org/licenses/gpl.html _ _ _ _ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi); _ ___________________________________________________________________________________________________________________________________________________*/ (function(d){d.mbCookie={set:function(a,c,f,b){"object"==typeof c&&(c=JSON.stringify(c));b=b?"; domain="+b:"";var e=new Date,d="";0