141 lines
4.8 KiB
JavaScript
141 lines
4.8 KiB
JavaScript
/*! elementor - v3.32.0 - 18-09-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
|