@unlk/keymaster 1.2.2 → 1.2.4

package/dist/js/keymaster.js

@@ -1,5 +1,5 @@
 /*!
-  * Unlock Keymaster [object Object] v1.2.2 (https://unlock-com.github.io/keymaster)
+  * Unlock Keymaster [object Object] v1.2.4 (https://unlock-com.github.io/keymaster)
   * Copyright 2022-2025 Unlk Developers
   */
 (function (global, factory) {
@@ -7660,7 +7660,7 @@
 	defineJQueryPlugin(CarouselCaption);
 
 	const NAME = 'videoModal';
-	const EVENT_SHOW = 'show.bs.modal';
+	const EVENT_SHOWN = 'shown.bs.modal';
 	const EVENT_HIDDEN = 'hidden.bs.modal';
 	const SELECTOR_DIALOG = '.modal-dialog-media';
 	const SELECTOR_RATIO = '.ratio';
@@ -7700,36 +7700,58 @@
 	    this._vimeoUrl = this._container.getAttribute('data-vimeo-url');
 	    this._youtubePlayer = null;
 	    this._vimeoPlayer = null;
-	    EventHandler.on(this._element, EVENT_SHOW, () => this._onShow());
+	    EventHandler.on(this._element, EVENT_SHOWN, () => this._onShown());
 	    EventHandler.on(this._element, EVENT_HIDDEN, () => this._onHide());
 	  }
 	  dispose() {
 	    this._onHide();
 	    super.dispose();
 	  }
-	  async _onShow() {
-	    const {
-	      id
-	    } = this._element;
-	    const playerClass = `${id}-youtube-player`;
+	  async _onShown() {
+	    // Reset container each time
+	    this._container.innerHTML = '';
 	    if (this._vimeoUrl) {
 	      await vimeoAPIInitPromise;
 	      const vimeoId = this._getVimeoId(this._vimeoUrl);
+	      if (!vimeoId) return;
 	      this._vimeoPlayer = new window.Vimeo.Player(this._container, {
 	        id: vimeoId,
-	        autoplay: true
+	        autoplay: true,
+	        muted: true,
+	        playsinline: true,
+	        dnt: true
 	      });
+	      this._vimeoPlayer.play?.().catch(() => {});
 	    }
 	    if (this._youtubeSrc) {
 	      await youTubeAPIInitPromise;
 	      const youtubeId = this._getYouTubeId(this._youtubeSrc);
-	      this._container.innerHTML = `<div class="${playerClass} w-100 h-100"></div>`;
-	      const playerDiv = this._container.querySelector(`.${playerClass}`);
+	      if (!youtubeId) {
+	        console.warn('[VideoModal] No YouTube ID parsed from', this._youtubeSrc);
+	        return;
+	      }
+	      const playerDiv = document.createElement('div');
+	      playerDiv.className = 'w-100 h-100';
+	      this._container.appendChild(playerDiv);
 	      this._youtubePlayer = new window.YT.Player(playerDiv, {
 	        videoId: youtubeId,
+	        host: 'https://www.youtube-nocookie.com',
 	        playerVars: {
 	          autoplay: 1,
-	          rel: 0
+	          rel: 0,
+	          playsinline: 1,
+	          origin: window.location.origin
+	        },
+	        events: {
+	          onReady: e => {
+	            try {
+	              e.target.mute();
+	            } catch {}
+	            try {
+	              e.target.playVideo();
+	            } catch {}
+	          },
+	          onError: e => console.warn('[VideoModal] YT error', e?.data)
 	        }
 	      });
 	    }
@@ -7740,16 +7762,21 @@
 	      this._vimeoPlayer = null;
 	    }
 	    if (this._youtubePlayer) {
-	      this._youtubePlayer.destroy();
+	      try {
+	        this._youtubePlayer.destroy();
+	      } catch {}
 	      this._youtubePlayer = null;
 	    }
+	    this._container.innerHTML = '';
 	  }
 	  _getYouTubeId(url) {
-	    const match = url.match(/(?:v=|youtu\.be\/)([\w-]{11})/);
-	    return match ? match[1] : '';
+	    if (!url) return '';
+	    // robust: supports v=, youtu.be/, embed/, shorts/
+	    const m = String(url).match(/(?:v=|youtu\.be\/|embed\/|shorts\/)([\w-]{11})/);
+	    return m ? m[1] : '';
 	  }
 	  _getVimeoId(url) {
-	    const match = url.match(/vimeo\.com\/(\d+)/);
+	    const match = String(url).match(/vimeo\.com\/(\d+)/);
 	    return match ? match[1] : '';
 	  }
 	  static get NAME() {