- Repo for opensource odoo website theme (since V13.0)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1543 lines
77 KiB

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