XylotrechusZ
/*! elementor - v3.30.0 - 01-07-2025 */
"use strict";
(self["webpackChunkelementorFrontend"] = self["webpackChunkelementorFrontend"] || []).push([["youtube-handler"],{
/***/ "../modules/atomic-widgets/elements/atomic-youtube/youtube-handler.js":
/*!****************************************************************************!*\
!*** ../modules/atomic-widgets/elements/atomic-youtube/youtube-handler.js ***!
\****************************************************************************/
/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
var _frontendHandlers = __webpack_require__(/*! @elementor/frontend-handlers */ "@elementor/frontend-handlers");
const getYoutubeVideoIdFromUrl = url => {
const regex = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:(?:watch)?\?(?:.*&)?vi?=|(?:embed|v|vi|user|shorts)\/))([^?&"'>]+)/;
const match = url.match(regex);
return match ? match[1] : null;
};
const loadYouTubeAPI = () => {
return new Promise(resolve => {
if (window.YT && window.YT.loaded) {
resolve(window.YT);
return;
}
const YOUTUBE_IFRAME_API_URL = 'https://www.youtube.com/iframe_api';
if (!document.querySelector(`script[src="${YOUTUBE_IFRAME_API_URL}"]`)) {
const tag = document.createElement('script');
tag.src = YOUTUBE_IFRAME_API_URL;
const firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}
const checkYT = () => {
if (window.YT && window.YT.loaded) {
resolve(window.YT);
} else {
setTimeout(checkYT, 350);
}
};
checkYT();
});
};
(0, _frontendHandlers.register)({
elementType: 'e-youtube',
uniqueId: 'e-youtube-handler',
callback: _ref => {
let {
element
} = _ref;
const youtubeElement = document.createElement('div');
youtubeElement.style.height = '100%';
element.appendChild(youtubeElement);
const settingsAttr = element.getAttribute('data-settings');
const parsedSettings = settingsAttr ? JSON.parse(settingsAttr) : {};
const videoId = getYoutubeVideoIdFromUrl(parsedSettings.source);
if (!videoId) {
return;
}
let player;
let observer;
const prepareYTVideo = YT => {
const playerOptions = {
videoId,
events: {
onReady: () => {
if (parsedSettings.mute) {
player.mute();
}
if (parsedSettings.autoplay) {
player.playVideo();
}
},
onStateChange: event => {
if (event.data === YT.PlayerState.ENDED && parsedSettings.loop) {
player.seekTo(parsedSettings.start || 0);
}
}
},
playerVars: {
controls: parsedSettings.controls ? 1 : 0,
rel: parsedSettings.rel ? 0 : 1,
cc_load_policy: parsedSettings.cc_load_policy ? 1 : 0,
autoplay: parsedSettings.autoplay ? 1 : 0,
start: parsedSettings.start,
end: parsedSettings.end
}
};
// To handle CORS issues, when the default host is changed, the origin parameter has to be set.
if (parsedSettings.privacy) {
playerOptions.host = 'https://www.youtube-nocookie.com';
playerOptions.origin = window.location.hostname;
}
player = new YT.Player(youtubeElement, playerOptions);
return player;
};
if (parsedSettings.lazyload) {
observer = new IntersectionObserver(entries => {
if (entries[0].isIntersecting) {
loadYouTubeAPI().then(apiObject => prepareYTVideo(apiObject));
observer.unobserve(element);
}
});
observer.observe(element);
} else {
loadYouTubeAPI().then(apiObject => prepareYTVideo(apiObject));
}
return () => {
if (player && 'function' === typeof player.destroy) {
player.destroy();
player = null;
}
if (element.contains(youtubeElement)) {
element.removeChild(youtubeElement);
}
if (observer && 'function' === typeof observer.disconnect) {
observer.disconnect();
observer = null;
}
};
}
});
/***/ }),
/***/ "@elementor/frontend-handlers":
/*!***********************************************!*\
!*** external "elementorV2.frontendHandlers" ***!
\***********************************************/
/***/ ((module) => {
module.exports = elementorV2.frontendHandlers;
/***/ })
},
/******/ __webpack_require__ => { // webpackRuntimeModules
/******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
/******/ var __webpack_exports__ = (__webpack_exec__("../modules/atomic-widgets/elements/atomic-youtube/youtube-handler.js"));
/******/ }
]);
//# sourceMappingURL=youtube-handler.js.map