2137 lines
94 KiB
JavaScript
2137 lines
94 KiB
JavaScript
/*___________________________________________________________________________________________________________________________________________________
|
||
_ jquery.mb.components _
|
||
_ _
|
||
_ file: jquery.mb.YTPlayer.src.js _
|
||
_ last modified: 24/10/16 22.30 _
|
||
_ _
|
||
_ 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-2016. 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.16",
|
||
build: "6209",
|
||
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,
|
||
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 = {};
|
||
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.browser.msie || jQuery.browser.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 = parseFloat( jQuery.mbCookie.get( "YTPlayer_" + YTPlayer.videoID ) );
|
||
|
||
if( YTPlayer.opt.remember_last_time && start_from_last ) {
|
||
YTPlayer.start_from_last = start_from_last;
|
||
jQuery.mbCookie.remove( "YTPlayer_" + 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.browser.msie && jQuery.browser.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( "<div/>" ).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( "<div/>" ).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( "<div/>" ).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.browser.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( "<script></script>" ).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.browser.mobile && !YTPlayer.canPlayOnMobile ) {
|
||
|
||
if( YTPlayer.opt.mobileFallbackImage ) {
|
||
wrapper.css( {
|
||
backgroundImage: "url(" + YTPlayer.opt.mobileFallbackImage + ")",
|
||
backgroundPosition: "center center",
|
||
backgroundSize: "cover",
|
||
backgroundRepeat: "no-repeat",
|
||
opacity: 1
|
||
} )
|
||
};
|
||
|
||
$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.browser.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();
|
||
|
||
/*
|
||
console.debug( "UNLOAD" );
|
||
console.debug( "YTPlayer.videoID:: ", YTPlayer.videoID );
|
||
console.debug( "YTPlayer_" + YTPlayer.videoID + ":: ", current_time );
|
||
*/
|
||
|
||
jQuery.mbCookie.set( "YTPlayer_" + YTPlayer.videoID, current_time, 1 );
|
||
} );
|
||
|
||
}
|
||
|
||
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
|
||
}
|
||
|
||
/*
|
||
if( YTPlayer.state == state )
|
||
return;
|
||
*/
|
||
|
||
YTPlayer.state = state;
|
||
|
||
var eventType;
|
||
switch( state ) {
|
||
case -1: //----------------------------------------------- unstarted
|
||
eventType = "YTPUnstarted";
|
||
break;
|
||
case 0: //------------------------------------------------ ended
|
||
eventType = "YTPEnd";
|
||
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 );
|
||
|
||
} );
|
||
},
|
||
/**
|
||
*
|
||
* @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.browser.mobile ) {
|
||
YTPlayer.loading = jQuery( "<div/>" ).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 );
|
||
//if( !jQuery.browser.chrome )
|
||
YTPlayer.player.setPlaybackQuality( quality );
|
||
},
|
||
/**
|
||
*
|
||
* @param videos
|
||
* @param shuffle
|
||
* @param callback
|
||
* @param loopList
|
||
* @returns {jQuery.mbYTPlayer}
|
||
*/
|
||
playlist: function( videos, shuffle, callback, loopList ) {
|
||
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() {
|
||
loopList = typeof loopList == "undefined" ? true : loopList;
|
||
jQuery( YTPlayer ).playNext( loopList );
|
||
} );
|
||
return this;
|
||
},
|
||
/**
|
||
*
|
||
* @returns {jQuery.mbYTPlayer}
|
||
*/
|
||
playNext: function( loopList ) {
|
||
var YTPlayer = this.get( 0 );
|
||
|
||
if( YTPlayer.checkForStartAt ) {
|
||
clearTimeout( YTPlayer.checkForStartAt );
|
||
clearInterval( YTPlayer.getState );
|
||
}
|
||
|
||
YTPlayer.videoCounter++;
|
||
if( YTPlayer.videoCounter >= YTPlayer.videoLength && loopList )
|
||
YTPlayer.videoCounter = 0;
|
||
|
||
if( YTPlayer.videoCounter < YTPlayer.videoLength )
|
||
jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] );
|
||
else
|
||
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.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.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.CSSAnimate( {
|
||
opacity: YTPlayer.opt.opacity
|
||
}, YTPlayer.opt.fadeOnStartTime );
|
||
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.CSSAnimate( {
|
||
opacity: 1
|
||
}, YTPlayer.opt.fadeOnStartTime * 2 );
|
||
YTPlayer.wrapper.append( controls );
|
||
jQuery( YTPlayer ).optimizeDisplay();
|
||
YTPlayer.player.seekTo( YTPlayer.player.getCurrentTime() + .1, true );
|
||
}, YTPlayer.opt.fadeOnStartTime )
|
||
} else videoWrapper.css( {
|
||
zIndex: 10000
|
||
} ).CSSAnimate( {
|
||
opacity: 1
|
||
}, YTPlayer.opt.fadeOnStartTime * 2 );
|
||
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.CSSAnimate( {
|
||
opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity
|
||
}, YTPlayer.opt.fadeOnStartTime * 4 );
|
||
|
||
jQuery( YTPlayer.playerEl ).CSSAnimate( {
|
||
opacity: 1
|
||
}, YTPlayer.opt.fadeOnStartTime * 2 );
|
||
|
||
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( "<img/>" ).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.CSSAnimate( {
|
||
opacity: 1
|
||
}, YTPlayer.opt.fadeOnStartTime );
|
||
|
||
} );
|
||
|
||
} );
|
||
|
||
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.CSSAnimate( {
|
||
opacity: 1
|
||
}, YTPlayer.opt.fadeOnStartTime );
|
||
|
||
} );
|
||
|
||
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( "<img/>" ).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( "<span/>" ).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( "<div/>" ).addClass( "buttonBar" );
|
||
/* play/pause button*/
|
||
var playpause = jQuery( "<span>" + jQuery.mbYTPlayer.controls.play + "</span>" ).addClass( "mb_YTPPlaypause ytpicon" ).click( function() {
|
||
if( YTPlayer.player.getPlayerState() == 1 ) jQuery( YTPlayer ).YTPPause();
|
||
else jQuery( YTPlayer ).YTPPlay();
|
||
} );
|
||
/* mute/unmute button*/
|
||
var MuteUnmute = jQuery( "<span>" + jQuery.mbYTPlayer.controls.mute + "</span>" ).addClass( "mb_YTPMuteUnmute ytpicon" ).click( function() {
|
||
if( YTPlayer.player.getVolume() == 0 ) {
|
||
jQuery( YTPlayer ).YTPUnmute();
|
||
} else {
|
||
jQuery( YTPlayer ).YTPMute();
|
||
}
|
||
} );
|
||
/* volume bar*/
|
||
var volumeBar = jQuery( "<div/>" ).addClass( "mb_YTPVolumeBar" ).css( {
|
||
display: "inline-block"
|
||
} );
|
||
YTPlayer.volumeBar = volumeBar;
|
||
/* time elapsed */
|
||
var idx = jQuery( "<span/>" ).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( "<span/>" ).html( jQuery.mbYTPlayer.controls.ytLogo ).addClass( "mb_YTPUrl ytpicon" ).attr( "title", "view on YouTube" ).on( "click", function() {
|
||
window.open( vURL, "viewOnYT" )
|
||
} );
|
||
var onlyVideo = jQuery( "<span/>" ).html( jQuery.mbYTPlayer.controls.onlyYT ).addClass( "mb_OnlyYT ytpicon" ).on( "click", function() {
|
||
jQuery( YTPlayer ).YTPFullscreen( data.realfullscreen );
|
||
} );
|
||
var progressBar = jQuery( "<div/>" ).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( "<div/>" ).addClass( "mb_YTPLoaded" ).css( "position", "absolute" );
|
||
var timeBar = jQuery( "<div/>" ).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.opt.startAt ? YTPlayer.start_from_last ? YTPlayer.start_from_last : 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.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.opt.startAt ? YTPlayer.start_from_last ? YTPlayer.start_from_last : YTPlayer.opt.startAt : 1;
|
||
YTPlayer.start_from_last = null;
|
||
|
||
YTPlayer.player.playVideo();
|
||
YTPlayer.player.seekTo( startAt, true );
|
||
|
||
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 ) {
|
||
|
||
//YTPlayer.player.playVideo();
|
||
//console.timeEnd( "checkforStart" );
|
||
|
||
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 ).CSSAnimate( {
|
||
opacity: 1
|
||
}, 1000 );
|
||
|
||
$YTPlayer.YTPPlay();
|
||
|
||
YTPlayer.wrapper.CSSAnimate( {
|
||
opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity
|
||
}, YTPlayer.opt.fadeOnStartTime * 2 );
|
||
|
||
/* Fix for Safari freeze */
|
||
|
||
if( jQuery.browser.safari && jQuery.browser.versionCompare( jQuery.browser.fullVersion, "10.1" ) < 0 ) { //jQuery.browser.os.minor_version < 11
|
||
|
||
YTPlayer.safariPlay = setInterval( function() {
|
||
if( YTPlayer.state != 1 )
|
||
$YTPlayer.YTPPlay();
|
||
else
|
||
clearInterval( YTPlayer.safariPlay )
|
||
}, 10 )
|
||
}
|
||
$YTPlayer.on( "YTPReady", function() {
|
||
$YTPlayer.YTPPlay();
|
||
} );
|
||
|
||
} else {
|
||
|
||
//$YTPlayer.YTPPause();
|
||
YTPlayer.player.pauseVideo();
|
||
if( !YTPlayer.isPlayer ) {
|
||
jQuery( YTPlayer.playerEl ).CSSAnimate( {
|
||
opacity: 1
|
||
}, YTPlayer.opt.fadeOnStartTime );
|
||
|
||
YTPlayer.wrapper.CSSAnimate( {
|
||
opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity
|
||
}, YTPlayer.opt.fadeOnStartTime );
|
||
}
|
||
|
||
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.browser.safari && jQuery.browser.versionCompare( jQuery.browser.fullVersion, "10.1" ) < 0 ) { //jQuery.browser.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: 07/06/16 22.34 _
|
||
_ _
|
||
_ 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-2016. Matteo Bicocchi (Pupunzi); _
|
||
___________________________________________________________________________________________________________________________________________________*/
|
||
|
||
var nAgt=navigator.userAgent;
|
||
if(!jQuery.browser){var isTouchSupported=function(){var a=nAgt.msMaxTouchPoints,e="ontouchstart"in document.createElement("div");return a||e?!0:!1};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;var getOS=function(){var a={name:"Unknown OS"};-1!=navigator.appVersion.indexOf("Win")&&(a.name="Windows");-1!=navigator.appVersion.indexOf("Mac")&&
|
||
(a.name="Mac");-1!=navigator.appVersion.indexOf("Linux")&&(a.name="Linux");a.version="Unknown version";/Mac OS X/.test(nAgt)&&(a.version=/Mac OS X (10[\.\_\d]+)/.exec(nAgt)[1],a.version=a.version.replace(/_/g,".").substring(0,5));/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=/Android ([\.\_\d]+)/.exec(nAgt)[1]);a.name=a.name.toLowerCase();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.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("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)):-1<nAgt.indexOf("mozilla/5.0")&&-1<nAgt.indexOf("android ")&&-1<nAgt.indexOf("applewebkit")&&!(-1<nAgt.indexOf("chrome"))?(verOffset=nAgt.indexOf("Chrome"),jQuery.browser.webkit=!0,jQuery.browser.androidStock=!0,jQuery.browser.name="androidStock",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.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("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&&765<jQuery(window).width();jQuery.isAndroidDefault=jQuery.browser.android&&!/chrome/i.test(nAgt)}
|
||
jQuery.browser.versionCompare=function(a,e){if("stringstring"!=typeof a+typeof e)return!1;for(var c=a.split("."),d=e.split("."),b=0,f=Math.max(c.length,d.length);b<f;b++){if(c[b]&&!d[b]&&0<parseInt(c[b])||parseInt(c[b])>parseInt(d[b]))return 1;if(d[b]&&!c[b]&&0<parseInt(d[b])||parseInt(c[b])<parseInt(d[b]))return-1}return 0};
|
||
;/*___________________________________________________________________________________________________________________________________________________
|
||
_ jquery.mb.components _
|
||
_ _
|
||
_ file: jquery.mb.simpleSlider.min.js _
|
||
_ last modified: 16/05/15 23.45 _
|
||
_ _
|
||
_ 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); _
|
||
___________________________________________________________________________________________________________________________________________________*/
|
||
|
||
var 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.androidStock=!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")||-1!=nAgt.indexOf("Edge")){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)):nAgt.indexOf("mozilla/5.0")>-1&&nAgt.indexOf("android ")>-1&&nAgt.indexOf("applewebkit")>-1&&!(nAgt.indexOf("chrome")>-1)?(verOffset=nAgt.indexOf("Chrome"),jQuery.browser.webkit=!0,jQuery.browser.androidStock=!0,jQuery.browser.name="androidStock",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.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("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);
|
||
|
||
(function(b){b.simpleSlider={defaults:{initialval:0,scale:100,orientation:"h",readonly:!1,callback:!1},events:{start:b.browser.mobile?"touchstart":"mousedown",end:b.browser.mobile?"touchend":"mouseup",move:b.browser.mobile?"touchmove":"mousemove"},init:function(c){return this.each(function(){var a=this,d=b(a);d.addClass("simpleSlider");a.opt={};b.extend(a.opt,b.simpleSlider.defaults,c);b.extend(a.opt,d.data());var e="h"==a.opt.orientation?"horizontal":"vertical",e=b("<div/>").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(f){f.mbCookie={set:function(a,c,d,b){"object"==typeof c&&(c=JSON.stringify(c));d||(d=7);b=b?"; domain="+b:"";var e=new Date;e.setTime(e.getTime()+864E5*d);d="; expires="+e.toGMTString();document.cookie=a+"="+c+d+"; path=/"+b},get:function(a){a+="=";for(var c=document.cookie.split(";"),d=0;d<c.length;d++){for(var b=c[d];" "==b.charAt(0);)b=b.substring(1,b.length);if(0==b.indexOf(a))try{return JSON.parse(b.substring(a.length,b.length))}catch(e){return b.substring(a.length,b.length)}}return null},
|
||
remove:function(a){f.mbCookie.set(a,"",-1)}};f.mbStorage={set:function(a,c){"object"==typeof c&&(c=JSON.stringify(c));localStorage.setItem(a,c)},get:function(a){if(localStorage[a])try{return JSON.parse(localStorage[a])}catch(c){return localStorage[a]}else return null},remove:function(a){a?localStorage.removeItem(a):localStorage.clear()}}})(jQuery); |