hanumanind/wp-content/plugins/bbpowerpack/modules/pp-video/js/frontend.js

;(function( $ ) {

	PPVideo = function( settings ) {
		this.id			= settings.id;
		this.type		= settings.type;
		this.autoplay	= settings.autoplay;
		this.lightbox 	= settings.lightbox;
		this.aspectRatio = settings.aspectRatioLightbox;
		this.overlay	= settings.overlay;
		this.triggerSelector = settings.triggerSelector;
		this.node		= $('.fl-node-' + this.id);
		this.settings   = settings;
		this.api        = {};

		this._init();
	};

	PPVideo.prototype = {
		_init: function() {
			if ( this.lightbox ) {
				this._initLightbox();
			} else {
				this._inlinePlay();
			}

			this._initApi();
		},

		_initApi: function() {
			var self = this;

			this.api.youtube = {};

			self.api.youtube.loadApiScript = function() {
				$( 'script:first' ).before( $( '<script>', { src: 'https://www.youtube.com/iframe_api' } ) );
				self.api.youtube.apiScriptLoaded = true;
			};
			self.api.youtube.isApiLoaded = function() {
				return window.YT && YT.loaded;
			};
			self.api.youtube.getApiObject = function() {
				return YT;
			};
			self.api.youtube.onApiReady = function(callback) {
				if ( ! self.api.youtube.apiScriptLoaded ) {
					self.api.youtube.loadApiScript();
				}
				if ( self.api.youtube.isApiLoaded() ) {
					callback( self.api.youtube.getApiObject() );
				} else {
					setTimeout( function() {
						self.api.youtube.onApiReady(callback);
					}, 350 );
				}
			};
			self.api.youtube.getVideoId = function(url) {
				var videoIDParts = url.match( /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:(?:watch)?\?(?:.*&)?vi?=|(?:embed|v|vi|user)\/))([^?&"'>]+)/ );
				return videoIDParts && videoIDParts[1];
			};

			// if ( 'youtube' == self.type ) {
			// 	self.api.youtube.onApiReady( function( apiObject ) {
			// 		self._prepareYTVideo( apiObject );
			// 	}.bind( self ) );
			// }
		},

		_inlinePlay: function() {
			var self = this;
			var videoFrame = this.node.find( '.pp-video-iframe' );
			var videoPlayer = this.node.find( '.pp-video-player' );
			var hasOverlay = this.node.find('.pp-video-image-overlay').length > 0;

			if ( videoPlayer.length > 0 ) {
				videoPlayer.attr( 'playsinline', '' );
				if ( this.autoplay && ! hasOverlay ) {
					if ( this._isIOS() ) {
						videoPlayer.attr( 'muted', '' );
					}
					videoPlayer[0].play();
				}
			}

			if ( videoFrame.length > 0 ) {
				videoFrame.show();

				var src = videoFrame.data( 'src' ) || videoFrame.data( 'cli-src' ) || videoFrame.data( 'src-cmplz' );

				videoFrame.data( 'src', src.replace('&autoplay=1', '') );
				videoFrame.data( 'src', src.replace('autoplay=1', '') );

				if ( ! this.autoplay && ! hasOverlay ) {
					videoFrame.attr( 'src', videoFrame.data( 'src' ) );
				}

				if ( this.autoplay && ! this.lightbox ) {
					var src = videoFrame.data( 'src' ).split('#');
					var iframeSrc = src[0] + '&autoplay=1';

					if ( 'youtube' == self.type ) {
						iframeSrc += '&enablejsapi=1';
					}

					if ( 'undefined' !== typeof src[1] ) {
						iframeSrc += '#' + src[1];
					}

					videoFrame.attr( 'src', iframeSrc );

					this.node.find( '.pp-video-image-overlay' ).fadeOut(100, function() {
						this.remove();
						if ( 'youtube' == self.type ) {
							self.api.youtube.onApiReady( function( apiObject ) {
								self._prepareYTVideo( apiObject );
							}.bind( self ) );
						}
					});
				}
			}

			this.node.find('.pp-video-image-overlay').on('click keyup', function(e) {
				// Click or keyboard (enter or spacebar) input?
				if ( ! this._validClick(e) ) {
					return;
				}

				e.preventDefault();

				this.node.find( '.pp-video-image-overlay' ).fadeOut(800, function() {
					this.remove();
				});

				if ( videoPlayer.length > 0 ) {
					videoPlayer[0].play();

					return;
				}

				videoFrame.show();

				var lazyLoad = videoFrame.data( 'src' );

				if ( lazyLoad ) {
					videoFrame.attr( 'src', lazyLoad );
				}

				var iframeSrc = videoFrame[0].src.replace('&autoplay=0', '');
				iframeSrc = iframeSrc.replace('autoplay=0', '');

				var src = iframeSrc.split('#');
				iframeSrc = src[0];

				if ( 'facebook' === this.type ) {
					iframeSrc += '&autoplay=0';
				} else {
					iframeSrc += '&autoplay=1';
				}

				if ( 'undefined' !== typeof src[1] ) {
					iframeSrc += '#' + src[1];
				}
				videoFrame[0].src = iframeSrc;
			}.bind( this ) );
		},

		_initLightbox: function() {
			var id = this.id;
			var self = this;
			var options = {
				modal			: false,
				enableEscapeButton: true,
				type            : 'inline',
				baseClass		: 'fancybox-' + id + ' pp-video-lightbox',
				buttons			: [
					'close'
				],
				wheel			: false,
				touch			: false,
				afterLoad		: function(current, previous) {
					$('.fancybox-' + id).find('.fancybox-bg').addClass('fancybox-' + id + '-overlay');
					if ( $('.fancybox-' + id).find( '.pp-video-iframe' ).length > 0 ) {
						var iframeSrc = $('.fancybox-' + id).find( '.pp-video-iframe' )[0].src.replace('&autoplay=0', '');
						iframeSrc = iframeSrc.replace('autoplay=0', '');

						var src = iframeSrc.split('#');
						iframeSrc = src[0];

						if ( 'facebook' === self.type ) {
							iframeSrc += '&autoplay=0';
						} else {
							iframeSrc += '&autoplay=1';
						}
						if ( 'youtube' == self.type ) {
							iframeSrc += '&enablejsapi=1';
						}

						if ( 'undefined' !== typeof src[1] ) {
							iframeSrc += '#' + src[1];
						}
						$('.fancybox-' + id).find( '.pp-video-iframe' )[0].src = iframeSrc;

						if ( 'youtube' == self.type ) {
							self.api.youtube.onApiReady( function( apiObject ) {
								self._prepareYTVideo( apiObject );
							}.bind( self ) );
						}

						setTimeout(function() {
							$('.fancybox-' + id).trigger('focus');
						}, 1200);
					}

					$('.fancybox-' + id).on('click.pp-video', '.fancybox-content', function(e) {
						if ( $(this).hasClass( 'fancybox-content' ) ) {
							$.fancybox.close();
						}
					});

					$(document).trigger( 'pp_video_lightbox_after_load', [ $('.fancybox-' + id), id ] );
				},
				afterClose: function() {
					$('.fl-node-' + id).find('.pp-video-play-icon').attr( 'tabindex', '0' );
					$('.fl-node-' + id).find('.pp-video-play-icon')[0].focus();
				},
				iframe: {
					preload: false
				},
				keys: {
					close: [27],
				},
				clickSlide: 'close',
				clickOutside: 'close'
			};

			var wrapperClasses = 'pp-aspect-ratio-' + this.aspectRatio;

			var selector = '.fl-node-' + this.id + ' .pp-video-image-overlay';

			if ( '' !== this.triggerSelector ) {
				selector += ', ' + this.triggerSelector;
			}

			$( 'body' ).on('click keyup', selector, function(e) {
				// Click or keyboard (enter or spacebar) input?
				if ( ! this._validClick(e) ) {
					return;
				}

				e.preventDefault();
				e.stopPropagation();

				var lightboxContent = this.node.find('.pp-video-lightbox-content').html();

				$.fancybox.open($( '<div class="'+wrapperClasses+'"></div>').html( lightboxContent ), options );

				this.node.find('.pp-video-play-icon').attr( 'tabindex', '-1' );
			}.bind( this ) );

			$(document).on('keyup', function(e) {
				if ( e.keyCode === 27 ) {
					$.fancybox.close();
				}
			});

			$(window).on( 'hashchange', this._onHashChange.bind( this ) );

			this._onHashChange();
		},

		_onHashChange: function() {
			var hash = location.hash,
				validHash = '#video-' + this.id;

			if ( hash === validHash ) {
				$('.fl-node-' + this.id + ' .pp-video-image-overlay').trigger( 'click' );
			}
		},

		_prepareYTVideo: function(YT) {
			var $iframe = this._getIframe(),
				iframeSrc = $iframe.attr( 'src' ) || $iframe.attr( 'data-src' ),
				videoID = this.api.youtube.getVideoId( iframeSrc ),
				self = this;

			var playerOptions = {
				videoId: videoID,
				events: {
					onReady: function() {
						if (self.settings.mute) {
							self.youtubePlayer.mute();
						}

						if (self.settings.autoplay || onOverlayClick) {
							self.youtubePlayer.playVideo();
						}
					},
					onStateChange: function( event ) {
						if (event.data === YT.PlayerState.ENDED && self.settings.loop) {
							self.youtubePlayer.seekTo(self.settings.startTime || 0);
						}
					}
				},
				playerVars: {
					controls: self.settings.controls ? 1 : 0,
					rel: self.settings.rel ? 1 : 0,
					playsinline: self.settings.autoplay ? 1 : 0,
					modestbranding: self.settings.modestbranding ? 1 : 0,
					autoplay: self.settings.autoplay ? 1 : 0,
					start: self.settings.startTime,
					end: self.settings.endTime
				}
			}; // To handle CORS issues, when the default host is changed, the origin parameter has to be set.

			if (self.settings.yt_privacy) {
				playerOptions.host = 'https://www.youtube-nocookie.com';
				playerOptions.origin = window.location.hostname;
			}

			this.youtubePlayer = new YT.Player($iframe[0], playerOptions);
		},

		_getIframe: function() {
			if ( ! this.lightbox ) {
				return $( '.fl-node-' + this.id + ' .pp-video-iframe' );
			} else {
				return $( '.fancybox-' + this.id + ' .pp-video-iframe' );
			}
		},

		_validClick: function(e) {
			return (e.which == 1 || e.which == 13 || e.which == 32 || e.which == undefined) ? true : false;
		},

		_isIOS: function() {
			return !window.MSStream && /iPad|iPhone|iPod/.test(navigator.userAgent);
		}
	};

})(jQuery);