Ubuntu
/* 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 + '',
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 = $('')
}
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);