first commit
This commit is contained in:
141
wp-content/plugins/elementor/assets/js/youtube-handler.js
Normal file
141
wp-content/plugins/elementor/assets/js/youtube-handler.js
Normal file
@@ -0,0 +1,141 @@
|
||||
/*! elementor - v3.30.0 - 30-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
|
||||
Reference in New Issue
Block a user