ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / thebhoeo / .trash / woodmart / js / scripts / elements

/* global woodmartThemeModule, woodmart_settings, jQuery */
(function($) {
	woodmartThemeModule.$document.on('wdLoadDropdownsSuccess', function() {
		woodmartThemeModule.videoElementPopup();
	});

woodmartThemeModule.wdElementorAddAction('frontend/element_ready/wd_video.default', function() {
		woodmartThemeModule.videoElementPopup();
	});

woodmartThemeModule.videoElementPopup = function() {
		if ('undefined' === typeof ($.fn.magnificPopup)) {
			return;
		}

$('.wd-el-video-btn:not(.wd-el-video-hosted), .wd-el-video-btn-overlay.wd-el-video-lightbox:not(.wd-el-video-hosted), .wd-el-video.wd-action-button:not(.wd-video-hosted) a:not(.wp-block-wd-button), .wd-el-video.wd-action-action_button:not(.wd-video-hosted) a:not(.wp-block-wd-button)').off('click').on('click', function (e) {
			e.preventDefault()

var $this = $(this)

setTimeout(() => {
				if ($.magnificPopup?.instance?.isOpen) {
					$.magnificPopup.instance.st.removalDelay = 0
					$.magnificPopup.close()
				}

$.magnificPopup.open({
					items       : {
						src: $this.attr('href'),
						type: 'iframe'
					},
					closeMarkup    : woodmart_settings.close_markup,
					tLoading       : woodmart_settings.loading,
					removalDelay   : 600,
					preloader      : false,
					fixedContentPos: true,
					iframe         : {
						markup  : woodmart_settings.close_markup + '<div class="wd-popup wd-video-popup wd-with-video wd-scroll-content"><iframe class="mfp-iframe" src="//about:blank" allowfullscreen frameborder="0"></iframe></div>',
						patterns: {
							youtube: {
								index: 'youtube.com/',
								id   : 'v=',
								src  : '//www.youtube.com/embed/%id%?rel=0&autoplay=1&mute=1'
							},
							vimeo  : {
								index: 'vimeo.com/',
								id   : '/',
								src  : '//player.vimeo.com/video/%id%?transparent=0&autoplay=1&muted=1'
							}
						}
					},
					callbacks      : {
						beforeOpen: function() {
							this.wrap.addClass('wd-video-popup-wrap');
						},
					}
				})
			})
		})

$('.wd-el-video-btn-overlay.wd-el-video-lightbox.wd-el-video-hosted,.wd-el-video-btn.wd-el-video-hosted, .wd-el-video.wd-action-button.wd-video-hosted a:not(.wp-block-wd-button), .wd-el-video.wd-action-action_button.wd-video-hosted a:not(.wp-block-wd-button)').off('click').on('click', function (e) {
			e.preventDefault();

var $this = $(this)
			var $videoContainer = $this.closest('.wd-el-video').find('.wd-popup.wd-video-popup');

setTimeout(() => {
				if ($.magnificPopup?.instance?.isOpen) {
					$.magnificPopup.instance.st.removalDelay = 0
					$.magnificPopup.close()
				}

$.magnificPopup.open({
					items       : {
						src : $videoContainer,
						type: 'inline'
					},
					closeMarkup : woodmart_settings.close_markup,
					tLoading    : woodmart_settings.loading,
					removalDelay: 600,
					preloader   : false,
					fixedContentPos: true,
					callbacks   : {
						beforeOpen  : function() {
							this.wrap.addClass('wd-video-popup-wrap');
						},
						elementParse: function(item) {
							var $video = $(item.src).find('video');

if ( ! $video.attr('src') ) {
								$video.attr('src', $video.data('lazy-load'));
							}

$video[0].play();
						},
						open        : function() {
							woodmartThemeModule.$document.trigger('wood-images-loaded');
							woodmartThemeModule.$window.resize();
						},
						close       : function(e) {
							var $video = $(this.content[0]).find('video');

if ( $video.length ) {
								$video[0].pause();
							}
						}
					}
				})
			})
		})

$('.wd-el-video.wd-action-button .wp-block-wd-button').off('click').on('click', function (e) {
			e.preventDefault();

var $wrapper = $(this).parent();
			var items = '';

if ($wrapper.hasClass('wd-video-hosted')) {
				items = $wrapper.find('.wd-popup.wd-video-popup')
			} else {
				items = $('<div class="wd-popup wd-video-popup wd-with-video wd-scroll-content"><iframe class="mfp-iframe" src="' + $wrapper.data('src') + '" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%"></iframe></div>')
			}
	
			setTimeout(() => {
				if ($.magnificPopup?.instance?.isOpen) {
					$.magnificPopup.instance.st.removalDelay = 0
					$.magnificPopup.close()
				}

$.magnificPopup.open({
					items       : {
						src : items,
						type: 'inline'
					},
					closeMarkup: woodmart_settings.close_markup,
					tLoading: woodmart_settings.loading,
					removalDelay: 500,
					preloader: false,
					callbacks: {
						beforeOpen: function () {
							this.st.mainClass = 'mfp-move-horizontal';
						},
						elementParse: function (item) {
							var $video = $(item.src).find('video');

if ( $video.length ) {
								if ( ! $video.attr('src') ) {
									$video.attr('src', $video.data('lazy-load'));
								}

$video[0].play();
							}
						},
						open: function () {
							woodmartThemeModule.$document.trigger('wood-images-loaded');
							woodmartThemeModule.$window.resize();
						},
						close: function (e) {
							var $video = $(this.content[0]).parents('.wd-el-video').find('video');

if ( $video.length ) {
								$video[0].pause();
							}
						}
					}
				})
			})
		})
	};

$(document).ready(function() {
		woodmartThemeModule.videoElementPopup();
	});
})(jQuery);

[-] view3d.min.js [edit]
[-] videoPoster.min.js [edit]
[-] banner.js [edit]
[-] button.min.js [edit]
[-] button.js [edit]
[-] slider.min.js [edit]
[-] googleMap.js [edit]
[-] imageGallery.min.js [edit]
[-] countDownTimer.min.js [edit]
[-] infoBox.js [edit]
[-] videoElement.min.js [edit]
[-] toggle.min.js [edit]
[-] videoPoster.js [edit]
[-] compareImages.js [edit]
[-] imageGallery.js [edit]
[-] countDownTimer.js [edit]
[-] accordion.js [edit]
[-] counter.min.js [edit]
[-] menuAnchor.js [edit]
[-] hotSpot.js [edit]
[-] stickyColumns.min.js [edit]
[-] offCanvasColumnBtn.js [edit]
[-] counter.js [edit]
[-] googleMap.min.js [edit]
[-] contentPopup.min.js [edit]
[-] menuAnchor.min.js [edit]
[-] accordion.min.js [edit]
[-] compareImages.min.js [edit]
[-] toggle.js [edit]
[-] tabs.js [edit]
[-] buttonShowMore.js [edit]
[+] ..
[-] offCanvasColumnBtn.min.js [edit]
[-] tabs.min.js [edit]
[-] videoElementPopup.min.js [edit]
[-] videoElementPopup.js [edit]
[-] stickyColumns.js [edit]
[-] openStreetMap.min.js [edit]
[-] stockStatus.min.js [edit]
[-] hotSpot.min.js [edit]
[-] stockStatus.js [edit]
[-] view3d.js [edit]
[-] slider.js [edit]
[-] banner.min.js [edit]
[-] buttonShowMore.min.js [edit]
[-] videoElement.js [edit]
[-] infoBox.min.js [edit]
[-] openStreetMap.js [edit]
[-] contentPopup.js [edit]