@edm-webplayer/webplayer-angular 0.2.0 → 0.2.2

package/fesm2022/edm-webplayer-webplayer-angular.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Optional, Inject, Injectable, Input, ViewChild, Component, EventEmitter, Output, Pipe, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
+import { InjectionToken, Optional, Inject, Injectable, EventEmitter, Output, Input, ViewChild, HostBinding, Component, Pipe, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { BehaviorSubject, Subject, Subscription } from 'rxjs';
 import * as Plyr from 'plyr';
@@ -66,14 +66,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
-const PlyrPlayer = Plyr;
 class PlyrPlayerComponent {
     progressService;
     document;
+    get isLiveMode() {
+        return !!this.config?.is_live;
+    }
     videoRef;
     config;
+    ready = new EventEmitter();
     plyr;
     hls;
+    controlsVisibilityCleanup;
+    recommendationBlocker;
+    recommendationBlockerActiveZone;
+    topClickBlocker;
+    menuObserver;
+    playbackEnded = false;
+    overlayBlockAll = false;
+    endedPosterOverlay;
+    interactionUnmuteCleanup;
+    endedLoggedOnPause = false;
+    liveInteractionBlocker;
+    pendingStartTime;
+    onResize = () => {
+        this.updateRecommendationBlockerSafeZone();
+    };
+    onRecommendationBlockerClick = (event) => {
+        if (event) {
+            try {
+                event.preventDefault();
+            }
+            catch { }
+            try {
+                event.stopPropagation();
+            }
+            catch { }
+        }
+    };
+    onTopBlockerPointerDown = (event) => {
+        try {
+            event.preventDefault();
+        }
+        catch { }
+        try {
+            event.stopPropagation();
+        }
+        catch { }
+    };
+    onTopBlockerClick = (event) => {
+        try {
+            event.preventDefault();
+        }
+        catch { }
+        try {
+            event.stopPropagation();
+        }
+        catch { }
+    };
+    controlsSafeZonePxDesktop = 96;
+    controlsSafeZonePxTouch = 144;
+    overlayInteractionGapPx = 20;
     constructor(progressService, document) {
         this.progressService = progressService;
         this.document = document;
@@ -84,8 +137,82 @@ class PlyrPlayerComponent {
             this.applyTheme(this.config.ui.colors);
         }
     }
+    flushPendingStartTime(target, success) {
+        const pending = this.pendingStartTime;
+        if (!pending) {
+            return;
+        }
+        const tolerance = 0.35;
+        if (Math.abs(pending.value - target) > tolerance) {
+            return;
+        }
+        const callbacks = pending.queue.slice();
+        pending.queue.length = 0;
+        if (success) {
+            this.pendingStartTime = undefined;
+        }
+        else {
+            pending.blockPlayback = false;
+        }
+        callbacks.forEach((cb) => {
+            try {
+                cb();
+            }
+            catch { }
+        });
+    }
+    getControlsSafeZone() {
+        const controls = (this.plyr?.elements?.controls ??
+            null);
+        const menuHeight = this.getOpenMenuHeight();
+        const baseSafeZone = this.isTouchDevice()
+            ? this.controlsSafeZonePxTouch
+            : this.controlsSafeZonePxDesktop;
+        if (!controls) {
+            return Math.max(baseSafeZone, menuHeight + 5);
+        }
+        let controlsHeight = 0;
+        try {
+            const rect = controls.getBoundingClientRect?.();
+            if (rect && rect.height) {
+                controlsHeight = rect.height;
+            }
+        }
+        catch { }
+        if (!controlsHeight) {
+            controlsHeight = controls.offsetHeight || controls.clientHeight || 0;
+        }
+        return Math.max(baseSafeZone, Math.ceil(controlsHeight + menuHeight + 24));
+    }
+    getOverlaySafeZone() {
+        const host = this.config?.video_host;
+        if (this.overlayBlockAll && host === "youtube") {
+            if (this.playbackEnded) {
+                return 0;
+            }
+            return this.overlayInteractionGapPx;
+        }
+        return Math.max(this.overlayInteractionGapPx, this.getControlsSafeZone());
+    }
+    getOpenMenuHeight() {
+        const container = this.plyr?.elements?.container;
+        if (!container)
+            return 0;
+        const menu = container.querySelector('.plyr__menu__container[aria-hidden="false"], .plyr__menu__container:not([aria-hidden])');
+        if (!menu)
+            return 0;
+        try {
+            const rect = menu.getBoundingClientRect?.();
+            if (rect && rect.height)
+                return Math.ceil(rect.height);
+        }
+        catch { }
+        const fallback = menu.offsetHeight || menu.clientHeight || 0;
+        return fallback;
+    }
     ngAfterViewInit() {
         this.setupPlayer();
+        window.addEventListener("message", this.onCastMessage);
     }
     ngOnChanges(changes) {
         if (changes["config"] && this.plyr) {
@@ -93,10 +220,10 @@ class PlyrPlayerComponent {
         }
     }
     applyTheme(colors) {
-        const STYLE_ID = 'webplayer-theme-vars';
+        const STYLE_ID = "webplayer-theme-vars";
         let styleEl = this.document.getElementById(STYLE_ID);
         if (!styleEl) {
-            styleEl = this.document.createElement('style');
+            styleEl = this.document.createElement("style");
             styleEl.id = STYLE_ID;
             this.document.head.appendChild(styleEl);
         }
@@ -104,7 +231,7 @@ class PlyrPlayerComponent {
         const allPairs = [];
         for (const key in colors) {
             if (Object.prototype.hasOwnProperty.call(colors, key)) {
-                const cssVarName = `--theme-${key.replace('progresss-', 'progress-')}`;
+                const cssVarName = `--theme-${key.replace("progresss-", "progress-")}`;
                 const cssVarValue = String(colors[key]);
                 allPairs.push([cssVarName, cssVarValue]);
                 try {
@@ -114,316 +241,1936 @@ class PlyrPlayerComponent {
             }
         }
         const cssRule = `:root{
-${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
+${allPairs.map(([n, v]) => `  ${n}: ${v};`).join("\n")}
 }`;
         styleEl.textContent = cssRule;
     }
-    setupPlayer() {
-        if (!this.videoRef)
+    normalizeLocaleCandidate(value) {
+        if (value === null || value === undefined) {
+            return null;
+        }
+        const candidate = String(value).trim();
+        if (!candidate) {
+            return null;
+        }
+        return candidate.replace(/_/g, "-");
+    }
+    resolveLocale() {
+        const candidates = [
+            this.config?.video_locale,
+            this.config?.video_language,
+            this.config?.locale,
+            this.config?.language,
+            this.config?.content_locale,
+            this.config?.content_language,
+        ];
+        for (const candidate of candidates) {
+            const normalized = this.normalizeLocaleCandidate(candidate);
+            if (normalized) {
+                return normalized;
+            }
+        }
+        return "pt-BR";
+    }
+    resolveCaptionsLanguage(locale) {
+        const explicit = this.normalizeLocaleCandidate(this.config?.captions_locale ??
+            this.config?.captions_language ??
+            this.config?.subtitle_locale ??
+            this.config?.subtitle_language ??
+            null);
+        const baseLocale = explicit || locale;
+        if (!baseLocale)
+            return null;
+        const code = baseLocale.split("-")[0]?.trim();
+        return code ? code.toLowerCase() : null;
+    }
+    getVideoWrapper() {
+        const container = this.plyr?.elements?.container;
+        if (!container)
+            return null;
+        const wrapper = this.plyr?.elements?.wrapper ||
+            container.querySelector(".plyr__video-wrapper");
+        return wrapper || null;
+    }
+    ensureRecommendationBlocker() {
+        if (this.recommendationBlocker && this.recommendationBlocker.isConnected) {
+            return this.recommendationBlocker;
+        }
+        const wrapper = this.getVideoWrapper();
+        if (!wrapper)
+            return null;
+        const blocker = this.document.createElement("div");
+        blocker.className = "plyr-recommendation-blocker";
+        blocker.style.position = "absolute";
+        blocker.style.top = "0";
+        blocker.style.left = "0";
+        blocker.style.width = "100%";
+        blocker.style.height = "100%";
+        blocker.style.zIndex = "9";
+        blocker.style.pointerEvents = "none";
+        blocker.style.display = "none";
+        blocker.style.background = "rgba(0,0,0,0)";
+        blocker.style.cursor = "pointer";
+        const activeZone = this.document.createElement("div");
+        activeZone.className = "plyr-recommendation-blocker__zone";
+        activeZone.style.position = "absolute";
+        activeZone.style.top = "0";
+        activeZone.style.left = "0";
+        activeZone.style.width = "100%";
+        activeZone.style.bottom = `20px`;
+        activeZone.style.pointerEvents = "auto";
+        activeZone.style.background = "rgba(0,0,0,0)";
+        activeZone.style.cursor = "pointer";
+        activeZone.addEventListener("pointerdown", this.onTopBlockerPointerDown);
+        activeZone.addEventListener("click", this.onRecommendationBlockerClick);
+        blocker.appendChild(activeZone);
+        wrapper.appendChild(blocker);
+        this.recommendationBlocker = blocker;
+        this.recommendationBlockerActiveZone = activeZone;
+        this.updateRecommendationBlockerSafeZone();
+        return blocker;
+    }
+    toggleRecommendationBlocker(active) {
+        if (this.config.video_host !== "youtube") {
             return;
-        this.hls?.destroy();
-        this.plyr?.destroy();
-        this.plyr = new PlyrPlayer(this.videoRef.nativeElement, {
-            controls: [
-                "play-large",
-                "play",
-                "progress",
-                "current-time",
-                "duration",
-                "mute",
-                "volume",
-                "captions",
-                "settings",
-                "pip",
-                "airplay",
-                "fullscreen",
-            ],
-            youtube: { rel: 0, modestbranding: 1, noCookie: true },
-            vimeo: { byline: false, portrait: false, title: false },
+        }
+        const blocker = this.ensureRecommendationBlocker();
+        if (!blocker)
+            return;
+        blocker.style.display = active ? "block" : "none";
+        blocker.style.pointerEvents = "none";
+        this.updateRecommendationBlockerSafeZone();
+    }
+    updateRecommendationBlockerSafeZone() {
+        if (this.recommendationBlockerActiveZone) {
+            this.recommendationBlockerActiveZone.style.pointerEvents = this.overlayBlockAll
+                ? "auto"
+                : "none";
+        }
+        this.updateTopClickBlockerSafeZone();
+    }
+    ensureTopClickBlocker() {
+        if (this.config.video_host !== "youtube") {
+            return;
+        }
+        const wrapper = this.getVideoWrapper();
+        if (!wrapper)
+            return;
+        if (this.topClickBlocker && this.topClickBlocker.isConnected) {
+            this.updateTopClickBlockerSafeZone();
+            return;
+        }
+        const blocker = this.document.createElement("div");
+        blocker.className = "plyr-top-click-blocker";
+        blocker.style.position = "absolute";
+        blocker.style.top = "0";
+        blocker.style.left = "0";
+        blocker.style.right = "0";
+        blocker.style.width = "100%";
+        blocker.style.zIndex = "12";
+        blocker.style.pointerEvents = "auto";
+        blocker.style.background = "rgba(0,0,0,0)";
+        blocker.style.touchAction = "none";
+        blocker.style.cursor = "default";
+        blocker.addEventListener("pointerdown", this.onTopBlockerPointerDown);
+        blocker.addEventListener("click", this.onTopBlockerClick);
+        wrapper.appendChild(blocker);
+        this.topClickBlocker = blocker;
+        this.updateTopClickBlockerSafeZone();
+    }
+    updateTopClickBlockerSafeZone() {
+        if (!this.topClickBlocker)
+            return;
+        const height = Math.max(48, Math.ceil(this.getOverlaySafeZone()));
+        this.topClickBlocker.style.height = `${height}px`;
+        this.topClickBlocker.style.pointerEvents = this.overlayBlockAll
+            ? "auto"
+            : "none";
+    }
+    observeMenuChanges() {
+        this.menuObserver?.disconnect();
+        const container = this.plyr?.elements?.container;
+        if (!container) {
+            this.menuObserver = undefined;
+            return;
+        }
+        const observer = new MutationObserver(() => {
+            this.updateRecommendationBlockerSafeZone();
         });
-        this.bindProgressEvents();
-        this.loadSource(this.videoRef.nativeElement).then(() => this.setupStartTime());
+        observer.observe(container, {
+            subtree: true,
+            attributes: true,
+            attributeFilter: ["aria-hidden", "class", "style"],
+        });
+        this.menuObserver = observer;
     }
-    setupStartTime() {
-        const apply = () => {
-            const dur = this.plyr.duration || 0;
-            const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, dur);
-            if (start > 0)
-                this.plyr.currentTime = start;
-            this.plyr.off("ready", apply);
-        };
-        this.plyr.on("ready", apply);
+    isIOSDevice() {
+        if (typeof navigator === "undefined")
+            return false;
+        const ua = navigator.userAgent || "";
+        const iOS = /iPad|iPhone|iPod/.test(ua);
+        const iPadOS = navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+        return iOS || iPadOS;
     }
-    bindProgressEvents() {
-        const THROTTLE_MS = 300;
-        let lastEmit = 0;
-        const emitProgress = () => {
-            const t = this.plyr.currentTime || 0;
-            const d = this.plyr.duration || 0;
-            const p = d > 0 ? +((t / d) * 100).toFixed(2) : 0;
-            this.progressService.progress$.next({ currentTime: t, duration: d, percent: p });
-        };
-        const onTimeUpdate = () => {
-            const now = performance.now();
-            if (now - lastEmit >= THROTTLE_MS) {
-                lastEmit = now;
-                emitProgress();
+    isIOSContext() {
+        if (this.isIOSDevice()) {
+            return true;
+        }
+        if (typeof window === "undefined") {
+            return false;
+        }
+        try {
+            const params = new URLSearchParams(window.location.search);
+            const os = params.get("os");
+            if (os && os.toLowerCase() === "ios") {
+                return true;
             }
-        };
-        this.plyr?.on?.("timeupdate", onTimeUpdate);
-        this.plyr?.on?.("pause", emitProgress);
-        this.plyr?.on?.("ended", () => {
-            emitProgress();
-            this.progressService.ended$.next();
-        });
+        }
+        catch { }
+        return false;
     }
-    unmuteAfterDelay(video, delayMs = 2000, volume = 1) {
-        if (!this.config.autoPlay)
+    isTouchDevice() {
+        if (typeof window === "undefined") {
+            return false;
+        }
+        if (typeof navigator !== "undefined" && navigator.maxTouchPoints > 0) {
+            return true;
+        }
+        if (window.matchMedia) {
+            try {
+                if (window.matchMedia("(pointer: coarse)").matches) {
+                    return true;
+                }
+            }
+            catch { }
+        }
+        return "ontouchstart" in window;
+    }
+    isIframeProvider() {
+        return this.config?.video_host === "youtube";
+    }
+    shouldDisableAutoplayForIOS() {
+        if (this.config?.is_live) {
+            return false;
+        }
+        return this.isIOSDevice();
+    }
+    shouldResetProgressToBeginning() {
+        const host = this.config?.video_host;
+        if (host !== "youtube") {
+            return false;
+        }
+        const seenFlag = this.config?.seen;
+        if (seenFlag === true || seenFlag === "true" || seenFlag === 1) {
+            return true;
+        }
+        const rawPercent = this.config?.last_percent;
+        if (rawPercent === undefined || rawPercent === null) {
+            return false;
+        }
+        let percent = Number(rawPercent);
+        if (!Number.isFinite(percent)) {
+            return false;
+        }
+        if (percent > 1) {
+            percent = percent / 100;
+        }
+        return percent >= 0.8;
+    }
+    shouldEmitEndedOnPause() {
+        if (!this.isIOSContext()) {
+            return false;
+        }
+        if (this.endedLoggedOnPause) {
+            return false;
+        }
+        const duration = this.plyr?.duration;
+        if (!Number.isFinite(duration) || !duration || duration <= 0) {
+            return false;
+        }
+        const current = this.plyr?.currentTime || 0;
+        const percent = duration > 0 ? current / duration : 0;
+        return percent >= 0.8 && duration - current < 1;
+    }
+    hasReachedEndThreshold() {
+        const duration = this.plyr?.duration;
+        if (!Number.isFinite(duration) || !duration || duration <= 0) {
+            return false;
+        }
+        const current = this.plyr?.currentTime || 0;
+        const remaining = duration - current;
+        const percent = duration > 0 ? current / duration : 0;
+        if (this.config?.video_host === "youtube") {
+            return percent >= 0.95 || remaining <= 1.5;
+        }
+        return percent >= 0.98 || remaining <= 0.75;
+    }
+    forceLivePlaybackResume() {
+        try {
+            const maybePromise = this.plyr?.play?.();
+            if (maybePromise && typeof maybePromise.then === "function") {
+                maybePromise.catch(() => { });
+            }
+        }
+        catch { }
+    }
+    updateLiveInteractionBlocker(isLive) {
+        if (!isLive) {
+            this.detachLiveInteractionBlocker();
             return;
-        setTimeout(() => {
+        }
+        const container = (this.plyr?.elements?.container ??
+            null);
+        if (!container) {
+            return;
+        }
+        if (this.liveInteractionBlocker?.isConnected) {
+            return;
+        }
+        const blocker = this.document.createElement("div");
+        blocker.className = "plyr__live-interaction-blocker";
+        blocker.setAttribute("aria-hidden", "true");
+        container.appendChild(blocker);
+        this.liveInteractionBlocker = blocker;
+    }
+    detachLiveInteractionBlocker() {
+        if (this.liveInteractionBlocker?.parentNode) {
             try {
-                if (this.plyr) {
-                    this.plyr.muted = false;
+                this.liveInteractionBlocker.parentNode.removeChild(this.liveInteractionBlocker);
+            }
+            catch { }
+        }
+        this.liveInteractionBlocker = null;
+    }
+    wantsAutoplay() {
+        return !!(this.config?.autoplay || this.config?.is_live);
+    }
+    shouldAutoplay() {
+        if (this.config?.is_live) {
+            return true;
+        }
+        if (this.shouldDisableAutoplayForIOS()) {
+            return false;
+        }
+        return this.wantsAutoplay();
+    }
+    requiresMutedAutoplay() {
+        if (this.config?.is_live && this.isIOSDevice()) {
+            return true;
+        }
+        if (!this.isIOSDevice() || this.shouldDisableAutoplayForIOS()) {
+            return false;
+        }
+        return this.wantsAutoplay();
+    }
+    shouldBlockIframeAutoplay() {
+        return this.shouldDisableAutoplayForIOS();
+    }
+    stopRestrictedIframeAutoplay() {
+        if (!this.shouldBlockIframeAutoplay()) {
+            return;
+        }
+        this.clearAutoplayUnlockListener();
+        this.setPlayerMutedState(false);
+        const media = this.videoRef?.nativeElement ?? null;
+        if (media) {
+            try {
+                media.autoplay = false;
+            }
+            catch { }
+            try {
+                media.pause();
+            }
+            catch { }
+            try {
+                media.muted = false;
+            }
+            catch { }
+        }
+        if (this.plyr) {
+            try {
+                this.plyr.autoplay = false;
+            }
+            catch { }
+            try {
+                if (typeof this.plyr.pause === "function") {
+                    this.plyr.pause();
+                }
+            }
+            catch { }
+        }
+        const embed = this.plyr?.embed;
+        if (embed) {
+            try {
+                if (typeof embed.pause === "function") {
+                    embed.pause();
+                }
+                if (typeof embed.setMuted === "function") {
+                    embed.setMuted(false);
+                }
+                if (typeof embed.setVolume === "function") {
+                    embed.setVolume(1);
+                }
+            }
+            catch { }
+        }
+    }
+    setPlayerMutedState(muted, volume = 1, target) {
+        if (this.plyr) {
+            try {
+                this.plyr.muted = muted;
+            }
+            catch { }
+            if (!muted) {
+                try {
                     this.plyr.volume = volume;
                 }
+                catch { }
+            }
+        }
+        const media = target ?? this.videoRef?.nativeElement ?? null;
+        if (media) {
+            try {
+                media.muted = muted;
             }
             catch { }
+            if (!muted && typeof media.volume === "number") {
+                try {
+                    media.volume = volume;
+                }
+                catch { }
+            }
+        }
+    }
+    temporarilyMuteForSeek(target) {
+        const media = target ?? this.videoRef?.nativeElement ?? null;
+        const prevVideoMuted = media?.muted ?? false;
+        const prevPlyrMuted = !!this.plyr?.muted;
+        const shouldForceUnmute = !this.shouldAutoplay();
+        try {
+            if (media) {
+                media.muted = true;
+            }
+        }
+        catch { }
+        try {
+            if (this.plyr) {
+                this.plyr.muted = true;
+            }
+        }
+        catch { }
+        return () => {
             try {
-                if (video) {
-                    video.muted = false;
-                    if (typeof video.volume === "number")
-                        video.volume = volume;
+                if (media) {
+                    media.muted = prevVideoMuted;
                 }
             }
             catch { }
-        }, delayMs);
+            try {
+                if (this.plyr) {
+                    this.plyr.muted = prevPlyrMuted;
+                }
+            }
+            catch { }
+            if (shouldForceUnmute) {
+                this.setPlayerMutedState(false, 1, media);
+            }
+        };
     }
-    loadSource(video) {
-        const setDisabledTopPageClick = () => {
-            setTimeout(() => {
-                const wrapper = document.querySelector(".plyr__video-wrapper");
-                if (wrapper) {
-                    const blocker = document.createElement("div");
-                    blocker.style.position = "absolute";
-                    blocker.style.top = "0";
-                    blocker.style.left = "0";
-                    blocker.style.width = "100%";
-                    blocker.style.height = "200px";
-                    blocker.style.zIndex = "5";
-                    blocker.style.background = "transparent";
-                    blocker.style.pointerEvents = "auto";
-                    wrapper.appendChild(blocker);
-                    const blocker2 = document.createElement("div");
-                    blocker2.style.position = "absolute";
-                    blocker2.style.bottom = "80px";
-                    blocker2.style.left = "0";
-                    blocker2.style.width = "100%";
-                    blocker2.style.height = "100px";
-                    blocker2.style.zIndex = "5";
-                    blocker2.style.background = "transparent";
-                    blocker2.style.pointerEvents = "auto";
-                    wrapper.appendChild(blocker2);
-                }
-            }, 2500);
+    clearAutoplayUnlockListener() {
+        if (this.interactionUnmuteCleanup) {
+            try {
+                this.interactionUnmuteCleanup();
+            }
+            catch { }
+            this.interactionUnmuteCleanup = undefined;
+        }
+    }
+    ensureAutoplayUnlockListener() {
+        if (typeof window === "undefined" ||
+            this.interactionUnmuteCleanup ||
+            !this.shouldAutoplay()) {
+            return;
+        }
+        const capture = true;
+        const handler = () => {
+            this.setPlayerMutedState(false);
+            try {
+                this.plyr?.play();
+            }
+            catch { }
+            this.clearAutoplayUnlockListener();
         };
-        return new Promise((resolve) => {
-            if (!this.config) {
-                return resolve();
+        window.addEventListener("touchend", handler, capture);
+        window.addEventListener("pointerup", handler, capture);
+        window.addEventListener("click", handler, capture);
+        this.interactionUnmuteCleanup = () => {
+            window.removeEventListener("touchend", handler, capture);
+            window.removeEventListener("pointerup", handler, capture);
+            window.removeEventListener("click", handler, capture);
+            this.interactionUnmuteCleanup = undefined;
+        };
+    }
+    ensureIframeAutoplayPermissions() {
+        if (!this.isIframeProvider()) {
+            return;
+        }
+        const container = this.plyr?.elements?.container;
+        if (!container)
+            return;
+        const iframe = container.querySelector("iframe") ?? null;
+        if (!iframe)
+            return;
+        const allowRaw = iframe.getAttribute("allow") || "";
+        const tokens = new Set(allowRaw
+            .split(";")
+            .map((token) => token.trim())
+            .filter(Boolean));
+        [
+            "autoplay",
+            "fullscreen",
+            "encrypted-media",
+            "picture-in-picture",
+            "gyroscope",
+        ].forEach((rule) => tokens.add(rule));
+        iframe.setAttribute("allow", Array.from(tokens).join("; "));
+        if (this.config.video_host === "youtube") {
+            iframe.setAttribute("playsinline", "1");
+            iframe.setAttribute("webkit-playsinline", "1");
+        }
+        iframe.setAttribute("allowfullscreen", "true");
+        iframe.setAttribute("data-keepplaying", "true");
+    }
+    scheduleUserInteractionUnmute(video) {
+        this.unmuteAfterDelay(video || undefined);
+        this.ensureAutoplayUnlockListener();
+    }
+    requestStartTimeSeek(start, opts = {}) {
+        if (!(start > 0)) {
+            this.pendingStartTime = undefined;
+            return;
+        }
+        const video = opts.video ?? this.videoRef?.nativeElement ?? null;
+        const normalized = Math.max(0, start);
+        const tolerance = 0.35;
+        const pending = this.pendingStartTime;
+        if (pending && Math.abs(pending.value - normalized) <= tolerance) {
+            pending.video = video ?? pending.video;
+            pending.blockPlayback = true;
+        }
+        else {
+            const carryQueue = this.pendingStartTime?.queue ?? [];
+            this.pendingStartTime = {
+                value: normalized,
+                video,
+                queue: carryQueue,
+                blockPlayback: true,
+            };
+        }
+        this.applyStartTimeToCurrentSource(normalized, { video });
+    }
+    deferUntilStartTimeSettles(callback) {
+        if (!this.pendingStartTime || !this.pendingStartTime.blockPlayback)
+            return false;
+        this.pendingStartTime.queue.push(callback);
+        return true;
+    }
+    retryPendingStartTime() {
+        if (!this.pendingStartTime) {
+            return;
+        }
+        const { value, video } = this.pendingStartTime;
+        this.applyStartTimeToCurrentSource(value, {
+            video: video ?? this.videoRef?.nativeElement ?? null,
+            attempts: 3,
+            delayMs: 150,
+        });
+    }
+    applyStartTimeToCurrentSource(start, opts = {}) {
+        if (!this.plyr || !(start > 0)) {
+            return;
+        }
+        const video = opts.video ?? this.videoRef?.nativeElement ?? null;
+        let attempts = Math.max(1, opts.attempts ?? 6);
+        const delayMs = opts.delayMs ?? 250;
+        const tolerance = 0.35;
+        const scheduleRetry = () => {
+            attempts -= 1;
+            if (attempts > 0) {
+                setTimeout(trySeek, delayMs);
+                return;
+            }
+            this.flushPendingStartTime(start, false);
+        };
+        const verifyAfterAttempt = () => {
+            const current = this.plyr?.currentTime || 0;
+            if (Math.abs(current - start) <= tolerance) {
+                attempts = 0;
+                this.flushPendingStartTime(start, true);
+                return;
+            }
+            scheduleRetry();
+        };
+        const trySeek = () => {
+            if (!this.plyr)
+                return;
+            let maybePromise = null;
+            try {
+                const result = this.seekUsingHostAPI(start, video);
+                if (result && typeof result.then === "function") {
+                    maybePromise = result;
+                }
+            }
+            catch {
+                scheduleRetry();
+                return;
+            }
+            if (maybePromise) {
+                maybePromise
+                    .then(() => verifyAfterAttempt())
+                    .catch(() => scheduleRetry());
+                return;
+            }
+            verifyAfterAttempt();
+        };
+        trySeek();
+    }
+    seekUsingHostAPI(target, video) {
+        if (!Number.isFinite(target) || target < 0) {
+            return null;
+        }
+        const restoreMute = this.temporarilyMuteForSeek(video);
+        if (video) {
+            try {
+                video.currentTime = target;
+            }
+            catch { }
+        }
+        try {
+            this.plyr.currentTime = target;
+        }
+        catch { }
+        if (restoreMute) {
+            setTimeout(() => restoreMute(), 300);
+        }
+        return null;
+    }
+    startAutoplayFlow(video) {
+        if (!this.shouldAutoplay() || !this.plyr)
+            return;
+        if (this.deferUntilStartTimeSettles(() => this.startAutoplayFlow(video))) {
+            return;
+        }
+        const media = video ?? this.videoRef?.nativeElement ?? null;
+        const tryPlay = (muted) => {
+            this.setPlayerMutedState(muted, 1, media);
+            let playResult;
+            try {
+                playResult = this.plyr.play();
+                this.forceIframeAutoplayFallback();
+            }
+            catch (error) {
+                if (!muted) {
+                    tryPlay(true);
+                    return;
+                }
+                if (media) {
+                    try {
+                        const nativePlay = media.play();
+                        if (nativePlay && typeof nativePlay.catch === "function") {
+                            nativePlay.catch(() => { });
+                        }
+                    }
+                    catch { }
+                }
+                this.scheduleUserInteractionUnmute(media);
+                return;
+            }
+            if (playResult &&
+                typeof playResult.catch === "function") {
+                playResult.catch((error) => {
+                    if (!muted) {
+                        tryPlay(true);
+                        return;
+                    }
+                    if (media) {
+                        try {
+                            const nativePlay = media.play();
+                            if (nativePlay && typeof nativePlay.catch === "function") {
+                                nativePlay.catch(() => { });
+                            }
+                        }
+                        catch { }
+                    }
+                    this.scheduleUserInteractionUnmute(media);
+                });
+                return;
+            }
+            if (muted) {
+                this.scheduleUserInteractionUnmute(media);
+            }
+            else {
+                this.clearAutoplayUnlockListener();
+            }
+        };
+        if (this.requiresMutedAutoplay()) {
+            tryPlay(true);
+        }
+        else {
+            tryPlay(false);
+        }
+    }
+    forceIframeAutoplayFallback() {
+        if (!this.shouldAutoplay() || !this.isIframeProvider()) {
+            return;
+        }
+        const embed = this.plyr?.embed;
+        if (!embed)
+            return;
+        if (this.config.video_host === "youtube") {
+            if (typeof embed.playVideo === "function") {
+                try {
+                    embed.playVideo();
+                }
+                catch { }
+            }
+        }
+    }
+    setupControlsVisibility() {
+        const container = this.plyr?.elements?.container;
+        if (!container) {
+            this.controlsVisibilityCleanup = undefined;
+            return;
+        }
+        if (this.isTouchDevice()) {
+            const HIDE_DELAY = 2000;
+            let hideTimeout = null;
+            const clearHideTimeout = () => {
+                if (hideTimeout) {
+                    clearTimeout(hideTimeout);
+                    hideTimeout = null;
+                }
+            };
+            const showControls = () => {
+                container.classList.remove("plyr--auto-hide-controls");
+            };
+            const hideControls = () => {
+                if (this.plyr?.playing) {
+                    container.classList.add("plyr--auto-hide-controls");
+                }
+            };
+            const scheduleHide = () => {
+                clearHideTimeout();
+                if (!this.plyr?.playing)
+                    return;
+                hideTimeout = setTimeout(() => hideControls(), HIDE_DELAY);
+            };
+            const onPlay = () => {
+                showControls();
+                this.overlayBlockAll = false;
+            };
+            const onPause = () => {
+                clearHideTimeout();
+                showControls();
+                this.overlayBlockAll = true;
+                this.updateTopClickBlockerSafeZone();
+                this.topClickBlocker?.setAttribute("data-state", "paused");
+                if (this.shouldEmitEndedOnPause()) {
+                    this.endedLoggedOnPause = true;
+                    console.log("event: ended");
+                }
+            };
+            const onEnded = () => {
+                clearHideTimeout();
+                showControls();
+                this.overlayBlockAll = true;
+                this.updateTopClickBlockerSafeZone();
+                this.topClickBlocker?.setAttribute("data-state", "ended");
+            };
+            const onUserInteraction = () => {
+                showControls();
+                scheduleHide();
+            };
+            this.plyr?.on?.("play", onPlay);
+            this.plyr?.on?.("pause", onPause);
+            this.plyr?.on?.("ended", onEnded);
+            container.addEventListener("touchstart", onUserInteraction);
+            container.addEventListener("click", onUserInteraction);
+            this.controlsVisibilityCleanup = () => {
+                clearHideTimeout();
+                this.plyr?.off?.("play", onPlay);
+                this.plyr?.off?.("pause", onPause);
+                this.plyr?.off?.("ended", onEnded);
+                container.removeEventListener("touchstart", onUserInteraction);
+                container.removeEventListener("click", onUserInteraction);
+                container.classList.remove("plyr--auto-hide-controls");
+            };
+            onPlay();
+            return;
+        }
+        let hovering = false;
+        const toggleClass = () => {
+            const playing = !!this.plyr?.playing;
+            if (playing && !hovering) {
+                container.classList.add("plyr--auto-hide-controls");
+            }
+            else {
+                container.classList.remove("plyr--auto-hide-controls");
+            }
+        };
+        const onPlay = () => toggleClass();
+        const onPause = () => toggleClass();
+        const onEnded = () => toggleClass();
+        const onMouseEnter = () => {
+            hovering = true;
+            toggleClass();
+        };
+        const onMouseLeave = () => {
+            hovering = false;
+            toggleClass();
+        };
+        const onFocusIn = () => {
+            hovering = true;
+            toggleClass();
+        };
+        const onFocusOut = () => {
+            hovering = container.matches(":hover");
+            toggleClass();
+        };
+        this.plyr?.on?.("play", onPlay);
+        this.plyr?.on?.("pause", onPause);
+        this.plyr?.on?.("ended", onEnded);
+        container.addEventListener("mouseenter", onMouseEnter);
+        container.addEventListener("mouseleave", onMouseLeave);
+        container.addEventListener("focusin", onFocusIn);
+        container.addEventListener("focusout", onFocusOut);
+        toggleClass();
+        this.controlsVisibilityCleanup = () => {
+            this.plyr?.off?.("play", onPlay);
+            this.plyr?.off?.("pause", onPause);
+            this.plyr?.off?.("ended", onEnded);
+            container.removeEventListener("mouseenter", onMouseEnter);
+            container.removeEventListener("mouseleave", onMouseLeave);
+            container.removeEventListener("focusin", onFocusIn);
+            container.removeEventListener("focusout", onFocusOut);
+            container.classList.remove("plyr--auto-hide-controls");
+        };
+    }
+    bindFullscreenBehavior() {
+        const onEnterFullscreen = () => {
+            console.log("event: enterfullscreen");
+            parent.postMessage("event: fullscreen_enter', '*'");
+        };
+        const onExitFullscreen = () => {
+            console.log("event: exitfullscreen");
+            parent.postMessage("event: fullscreen_exit', '*'");
+        };
+        this.plyr.on("enterfullscreen", onEnterFullscreen);
+        this.plyr.on("exitfullscreen", onExitFullscreen);
+    }
+    setupPlayer() {
+        if (!this.videoRef)
+            return;
+        this.hls?.destroy();
+        this.controlsVisibilityCleanup?.();
+        this.controlsVisibilityCleanup = undefined;
+        this.plyr?.destroy();
+        this.clearAutoplayUnlockListener();
+        this.recommendationBlocker = null;
+        const speedOptions = [1, 1.25, 1.5, 2];
+        const locale = this.resolveLocale();
+        const captionsLanguage = this.resolveCaptionsLanguage(locale) ?? "pt";
+        const shouldAutoplay = this.shouldAutoplay();
+        const startMuted = this.requiresMutedAutoplay();
+        try {
+            this.videoRef.nativeElement.muted = startMuted;
+        }
+        catch { }
+        try {
+            this.videoRef.nativeElement.playsInline =
+                this.config?.video_host === "youtube";
+        }
+        catch { }
+        try {
+            this.videoRef.nativeElement.autoplay = shouldAutoplay;
+        }
+        catch { }
+        const isLive = !!this.config?.is_live;
+        const youtubePlayerVars = {
+            rel: 0,
+            modestbranding: 1,
+            noCookie: true,
+        };
+        youtubePlayerVars.playerVars = {
+            hl: locale,
+            cc_lang_pref: captionsLanguage || locale.split("-")[0]?.toLowerCase(),
+            autoplay: shouldAutoplay ? 1 : 0,
+            mute: startMuted ? 1 : 0,
+            playsinline: 1,
+        };
+        if (captionsLanguage) {
+            youtubePlayerVars.playerVars.cc_load_policy = 1;
+        }
+        const defaultControls = [
+            "play-large",
+            "play",
+            "progress",
+            "current-time",
+            "duration",
+            "mute",
+            "volume",
+            "captions",
+            "settings",
+            "pip",
+            "airplay",
+            "fullscreen",
+        ];
+        const liveControls = [];
+        const plyrOptions = {
+            controls: isLive ? liveControls : defaultControls,
+            fullscreen: {
+                enabled: true,
+                fallback: true,
+                iosNative: !isLive,
+                container: null,
+            },
+            i18n: {
+                speed: "Velocidade",
+            },
+            speed: {
+                selected: 1,
+                options: speedOptions,
+            },
+            clickToPlay: !isLive,
+            hideControls: isLive ? true : false,
+            keyboard: { focused: !isLive, global: false },
+            autoplay: shouldAutoplay,
+            muted: startMuted,
+        };
+        plyrOptions.hl = locale;
+        if (captionsLanguage) {
+            plyrOptions.captions = { language: captionsLanguage };
+        }
+        if (this.config.video_host === "youtube") {
+            plyrOptions.youtube = youtubePlayerVars;
+        }
+        this.plyr = new Plyr.default(this.videoRef.nativeElement, plyrOptions);
+        if (typeof this.plyr?.toggleControls === "function") {
+            this.plyr.toggleControls(!isLive);
+        }
+        this.updateLiveInteractionBlocker(isLive);
+        this.bindFullscreenBehavior();
+        this.setupControlsVisibility();
+        this.ensureTopClickBlocker();
+        this.observeMenuChanges();
+        this.playbackEnded = false;
+        this.overlayBlockAll = false;
+        this.endedLoggedOnPause = false;
+        window.removeEventListener("resize", this.onResize);
+        window.addEventListener("resize", this.onResize);
+        this.bindProgressEvents();
+        this.loadSource(this.videoRef.nativeElement).then(() => {
+            this.setupStartTime();
+        });
+        // Dispara o evento ready quando o player estiver pronto
+        this.plyr.on("ready", () => {
+            this.ensureIframeAutoplayPermissions();
+            this.stopRestrictedIframeAutoplay();
+            this.ready.emit();
+        });
+    }
+    setupStartTime() {
+        const apply = () => {
+            const dur = this.plyr.duration || 0;
+            const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, dur);
+            this.requestStartTimeSeek(start);
+            this.plyr.off("ready", apply);
+        };
+        this.plyr.on("ready", apply);
+    }
+    bindProgressEvents() {
+        const THROTTLE_MS = 300;
+        let lastEmit = 0;
+        const emitProgress = () => {
+            const t = this.plyr.currentTime || 0;
+            const d = this.plyr.duration || 0;
+            const p = d > 0 ? +((t / d) * 100).toFixed(2) : 0;
+            this.progressService.progress$.next({
+                currentTime: t,
+                duration: d,
+                percent: p,
+            });
+        };
+        const onTimeUpdate = () => {
+            const now = performance.now();
+            if (now - lastEmit >= THROTTLE_MS) {
+                lastEmit = now;
+                emitProgress();
+            }
+            const current = Math.floor(this.plyr.currentTime || 0);
+            const duration = Math.floor(this.plyr.duration || 0);
+            parent.postMessage("currentTime:" + current, "*");
+            console.log("event: current_time " + current);
+            console.log("event: duration " + duration);
+            this.postCastEvent({
+                event: "current_time",
+                currentTime: current,
+                duration,
+            });
+        };
+        this.plyr?.on?.("play", () => {
+            this.retryPendingStartTime();
+            this.playbackEnded = false;
+            this.overlayBlockAll = false;
+            this.updateRecommendationBlockerSafeZone();
+            this.toggleRecommendationBlocker(false);
+            parent.postMessage("playing_video", "*");
+            this.postCastEvent({
+                event: "play",
+                currentTime: this.plyr.currentTime || 0,
+            });
+        });
+        this.plyr?.on?.("timeupdate", onTimeUpdate);
+        this.plyr?.on?.("pause", () => {
+            if (this.config?.is_live) {
+                this.forceLivePlaybackResume();
+                return;
+            }
+            emitProgress();
+            console.log("event: pause");
+            parent.postMessage("paused_video", "*");
+            this.postCastEvent({
+                event: "pause",
+                currentTime: this.plyr.currentTime || 0,
+            });
+            this.overlayBlockAll = true;
+            this.updateRecommendationBlockerSafeZone();
+            this.toggleRecommendationBlocker(true);
+        });
+        this.plyr?.on?.("ended", () => {
+            emitProgress();
+            if (!this.hasReachedEndThreshold()) {
+                console.warn("Ignoring premature ended event", this.plyr?.currentTime, this.plyr?.duration);
+                return;
+            }
+            this.playbackEnded = true;
+            this.overlayBlockAll = true;
+            this.updateRecommendationBlockerSafeZone();
+            this.endedLoggedOnPause = true;
+            console.log("event: ended");
+            parent.postMessage("event: ended", "*");
+            this.postCastEvent({
+                event: "ended",
+                currentTime: this.plyr.currentTime || 0,
+            });
+            this.progressService.ended$.next();
+            this.toggleRecommendationBlocker(true);
+        });
+    }
+    unmuteAfterDelay(video, delayMs = 2000, volume = 1) {
+        if (!this.shouldAutoplay())
+            return;
+        setTimeout(() => {
+            try {
+                if (this.plyr) {
+                    this.plyr.muted = false;
+                    this.plyr.volume = volume;
+                }
+            }
+            catch { }
+            try {
+                if (video) {
+                    video.muted = false;
+                    if (typeof video.volume === "number")
+                        video.volume = volume;
+                }
+            }
+            catch { }
+        }, delayMs);
+    }
+    resetPlaybackRate(video) {
+        try {
+            if (this.plyr && typeof this.plyr.speed !== "undefined") {
+                this.plyr.speed = 1;
+            }
+        }
+        catch { }
+        const media = video ?? this.videoRef?.nativeElement ?? null;
+        if (media) {
+            try {
+                media.playbackRate = 1;
+            }
+            catch { }
+            try {
+                if (media.defaultPlaybackRate !== undefined) {
+                    media.defaultPlaybackRate = 1;
+                }
+            }
+            catch { }
+        }
+    }
+    loadSource(video) {
+        return new Promise((resolve) => {
+            if (!this.config) {
+                return resolve();
+            }
+            if (this.hls) {
+                this.hls.destroy();
+                this.hls = undefined;
+            }
+            this.resetPlaybackRate(video);
+            if (this.config.video_host === "youtube") {
+                const onReady = () => {
+                    this.plyr.off("ready", onReady);
+                    this.ensureIframeAutoplayPermissions();
+                    const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, this.plyr.duration);
+                    this.requestStartTimeSeek(start);
+                    if (this.shouldAutoplay()) {
+                        this.startAutoplayFlow();
+                    }
+                    else if (this.shouldBlockIframeAutoplay()) {
+                        this.stopRestrictedIframeAutoplay();
+                    }
+                    parent.postMessage("playerIsReadyToPlay", "*");
+                    parent.postMessage("duration:" + this.plyr.duration, "*");
+                    console.log("event: current_time " + this.plyr.currentTime);
+                    console.log("event: duration " + this.plyr.duration);
+                    console.log("event: ready");
+                    this.postCastEvent({
+                        event: "ready",
+                        duration: this.plyr.duration || 0,
+                        currentTime: this.plyr.currentTime || 0,
+                    });
+                    if (this.config.is_live) {
+                        this.plyr?.on("playing", function () {
+                            console.log("event: playing_live");
+                            parent.postMessage("event: playing_live", "*");
+                        });
+                    }
+                    if (this.config.mirror) {
+                        setTimeout(() => {
+                            document
+                                .querySelector(`.plyr__video-embed iframe`)
+                                ?.classList.add("mirror");
+                        }, 1000);
+                    }
+                };
+                this.plyr.on("ready", onReady);
+            }
+            if (this.config.video_host === "youtube") {
+                this.plyr.source = {
+                    type: "video",
+                    sources: [{ src: this.config.video_id, provider: "youtube" }],
+                };
+            }
+            else if (this.config.video_host === "mp4") {
+                this.plyr.source = {
+                    type: "video",
+                    sources: [{ src: this.config.video_external_id, type: "video/mp4" }],
+                };
+            }
+            else if (this.config.video_host === "hls") {
+                let sourceX = "";
+                try {
+                    sourceX = atob(this.config.video_id || "");
+                }
+                catch (e) {
+                    sourceX = this.config.video_id || "";
+                }
+                const canNative = video.canPlayType("application/vnd.apple.mpegurl");
+                if (canNative) {
+                    this.plyr.source = {
+                        type: "video",
+                        sources: [{ src: sourceX, type: "application/vnd.apple.mpegurl" }],
+                    };
+                    const onLoadedMeta = () => {
+                        const dur = this.plyr.duration || video.duration || 0;
+                        const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, dur);
+                        console.log(start);
+                        this.requestStartTimeSeek(start, { video });
+                        this.startAutoplayFlow(video);
+                        video.removeEventListener("loadedmetadata", onLoadedMeta);
+                    };
+                    video.addEventListener("loadedmetadata", onLoadedMeta);
+                }
+                else if (Hls.isSupported()) {
+                    this.hls = new Hls({ enableWorker: true, lowLatencyMode: true });
+                    this.hls.attachMedia(video);
+                    this.hls.on(Hls.Events.MEDIA_ATTACHED, () => {
+                        this.hls.loadSource(sourceX);
+                    });
+                    this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
+                        const dur = video.duration || 0;
+                        const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, dur);
+                        this.requestStartTimeSeek(start, { video });
+                        this.startAutoplayFlow(video);
+                    });
+                    this.hls.on(Hls.Events.ERROR, (_evt, data) => {
+                        if (data?.fatal) {
+                            switch (data.type) {
+                                case Hls.ErrorTypes.NETWORK_ERROR:
+                                    this.hls.startLoad();
+                                    break;
+                                case Hls.ErrorTypes.MEDIA_ERROR:
+                                    this.hls.recoverMediaError();
+                                    break;
+                                default:
+                                    try {
+                                        this.hls.destroy();
+                                    }
+                                    catch { }
+                                    break;
+                            }
+                        }
+                    });
+                }
+                else {
+                    this.plyr.source = { type: "video", sources: [{ src: sourceX }] };
+                }
+            }
+            resolve();
+        });
+    }
+    resolveStartTime(last_time, last_percent, duration, opts = {}) {
+        if (this.shouldResetProgressToBeginning()) {
+            return 0;
+        }
+        const minStartSec = opts.minStartSec ?? 3;
+        const endGuardSec = opts.endGuardSec ?? 2;
+        const dur = Number(duration);
+        const hasValidDuration = Number.isFinite(dur) && dur > 0;
+        const hasTime = last_time !== undefined && last_time !== null && last_time !== "";
+        const clamp = (value) => {
+            let t = Number(value);
+            if (!isFinite(t) || t < 0)
+                t = 0;
+            if (t < minStartSec)
+                return 0;
+            if (hasValidDuration) {
+                if (t >= dur - endGuardSec) {
+                    return 0;
+                }
+                const maxStart = Math.max(0, dur - endGuardSec);
+                t = Math.min(maxStart, t);
+            }
+            return t;
+        };
+        if (hasTime) {
+            return clamp(last_time);
+        }
+        const hasPercent = last_percent !== undefined &&
+            last_percent !== null &&
+            last_percent !== "";
+        if (hasPercent && hasValidDuration) {
+            let p = Number(last_percent);
+            if (!isFinite(p) || p < 0)
+                p = 0;
+            if (p >= 1)
+                return 0;
+            if (p > 1)
+                p = p / 100;
+            if (p >= 0.99)
+                return 0;
+            let t = dur * p;
+            if (t < minStartSec)
+                return 0;
+            if (t >= dur - endGuardSec)
+                return 0;
+            return Math.min(dur - endGuardSec, t);
+        }
+        return 0;
+    }
+    postCastEvent(payload) {
+        parent.postMessage(JSON.stringify(payload), "*");
+    }
+    onCastMessage = (evt) => {
+        let data = evt.data;
+        if (typeof data === "string") {
+            try {
+                data = JSON.parse(data);
+            }
+            catch {
+                /* ignora */
+            }
+        }
+        if (data?.action === "request-iframe-media-metadata") {
+            this.postCastEvent({
+                event: "metadata",
+                duration: this.plyr?.duration || 0,
+                currentTime: this.plyr?.currentTime || 0,
+            });
+        }
+        if (data?.action === "play") {
+            this.plyr?.play();
+        }
+        if (data?.action === "pause") {
+            this.plyr?.pause();
+        }
+        if (data?.action === "seek" && typeof data.time === "number") {
+            this.plyr && (this.plyr.currentTime = data.time);
+        }
+    };
+    ngOnDestroy() {
+        this.hls?.destroy();
+        this.controlsVisibilityCleanup?.();
+        this.controlsVisibilityCleanup = undefined;
+        this.clearAutoplayUnlockListener();
+        this.detachLiveInteractionBlocker();
+        const container = this.plyr?.elements?.container;
+        if (this.recommendationBlocker?.parentElement) {
+            try {
+                this.recommendationBlocker.parentElement.removeChild(this.recommendationBlocker);
+            }
+            catch { }
+        }
+        if (this.recommendationBlockerActiveZone) {
+            try {
+                this.recommendationBlockerActiveZone.removeEventListener("pointerdown", this.onTopBlockerPointerDown);
+                this.recommendationBlockerActiveZone.removeEventListener("click", this.onRecommendationBlockerClick);
+            }
+            catch { }
+        }
+        this.recommendationBlocker = null;
+        this.recommendationBlockerActiveZone = null;
+        if (this.topClickBlocker?.parentElement) {
+            try {
+                this.topClickBlocker.removeEventListener("pointerdown", this.onTopBlockerPointerDown);
+                this.topClickBlocker.removeEventListener("click", this.onTopBlockerClick);
+                this.topClickBlocker.parentElement.removeChild(this.topClickBlocker);
+            }
+            catch { }
+        }
+        this.topClickBlocker = null;
+        this.menuObserver?.disconnect();
+        this.menuObserver = undefined;
+        window.removeEventListener("resize", this.onResize);
+        this.plyr?.destroy();
+        window.removeEventListener("message", this.onCastMessage);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlyrPlayerComponent, deps: [{ token: WebplayerProgressService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PlyrPlayerComponent, isStandalone: true, selector: "app-plyr-player", inputs: { config: "config" }, outputs: { ready: "ready" }, host: { properties: { "class.live-mode": "this.isLiveMode" } }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<video #video playsinline></video>`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var( --theme-progress-view-off, rgba(255, 255, 255, .25) );--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease;z-index:10!important}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr__control{z-index:10!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host(.live-mode) ::ng-deep .plyr__controls,:host(.live-mode) ::ng-deep .plyr__control,:host(.live-mode) ::ng-deep .plyr__menu,:host(.live-mode) ::ng-deep .plyr__menu__container,:host(.live-mode) ::ng-deep .plyr__control--overlaid,:host(.live-mode) ::ng-deep .plyr__control--overlaid+.plyr__control{display:none!important}:host(.live-mode) ::ng-deep .plyr__video-wrapper,:host(.live-mode) ::ng-deep video,:host(.live-mode) ::ng-deep .plyr__video-embed{pointer-events:none!important}:host ::ng-deep .plyr__live-interaction-blocker{position:absolute;inset:0;z-index:12;pointer-events:auto}:host ::ng-deep .plyr__control--overlaid,:host ::ng-deep .plyr--video .plyr__control.plyr__control--overlaid:hover{background:#fff!important;color:#000!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlyrPlayerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-plyr-player", template: `<video #video playsinline></video>`, standalone: true, imports: [CommonModule], styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var( --theme-progress-view-off, rgba(255, 255, 255, .25) );--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease;z-index:10!important}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr__control{z-index:10!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host(.live-mode) ::ng-deep .plyr__controls,:host(.live-mode) ::ng-deep .plyr__control,:host(.live-mode) ::ng-deep .plyr__menu,:host(.live-mode) ::ng-deep .plyr__menu__container,:host(.live-mode) ::ng-deep .plyr__control--overlaid,:host(.live-mode) ::ng-deep .plyr__control--overlaid+.plyr__control{display:none!important}:host(.live-mode) ::ng-deep .plyr__video-wrapper,:host(.live-mode) ::ng-deep video,:host(.live-mode) ::ng-deep .plyr__video-embed{pointer-events:none!important}:host ::ng-deep .plyr__live-interaction-blocker{position:absolute;inset:0;z-index:12;pointer-events:auto}:host ::ng-deep .plyr__control--overlaid,:host ::ng-deep .plyr--video .plyr__control.plyr__control--overlaid:hover{background:#fff!important;color:#000!important}\n"] }]
+        }], ctorParameters: () => [{ type: WebplayerProgressService }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { isLiveMode: [{
+                type: HostBinding,
+                args: ["class.live-mode"]
+            }], videoRef: [{
+                type: ViewChild,
+                args: ["video", { static: true }]
+            }], config: [{
+                type: Input
+            }], ready: [{
+                type: Output
+            }] } });
+
+class VimeoPlayerComponent {
+    progressService;
+    document;
+    config;
+    ready = new EventEmitter();
+    videoRef;
+    plyr;
+    startTimeApplied = false;
+    pendingStartTime;
+    endedLoggedOnPause = false;
+    iosFullscreenCleanup;
+    castListenerAttached = false;
+    unmuteForCast() {
+        try {
+            const videoEl = this.videoRef?.nativeElement;
+            if (videoEl) {
+                videoEl.muted = false;
+                videoEl.volume = 1;
+            }
+            if (this.plyr) {
+                this.plyr.muted = false;
+                this.plyr.volume = 1;
+            }
+        }
+        catch { }
+    }
+    onCastMessage = (event) => {
+        let data = event.data;
+        if (typeof data === 'string') {
+            try {
+                data = JSON.parse(data);
+            }
+            catch { }
+        }
+        if (data?.action === 'request-iframe-media-metadata') {
+            console.log('Received request-iframe-media-metadata message');
+            setTimeout(() => {
+                this.postCastEvent({
+                    event: 'metadata',
+                    duration: this.plyr?.duration || 0,
+                    currentTime: this.plyr?.currentTime || 0,
+                });
+            }, 100);
+        }
+        if (data?.action === 'play') {
+            this.unmuteForCast();
+            this.plyr?.play?.();
+        }
+        if (data?.action === 'pause') {
+            this.plyr?.pause?.();
+        }
+        if (data?.action === 'seek' && typeof data.time === 'number') {
+            this.plyr && (this.plyr.currentTime = data.time);
+        }
+    };
+    endedOverlayVisible = false;
+    constructor(progressService, document) {
+        this.progressService = progressService;
+        this.document = document;
+    }
+    ngOnInit() {
+        this.applyTheme(this.config?.ui?.colors);
+    }
+    ngAfterViewInit() {
+        this.ensureCastMessageListener();
+        this.setupPlayer();
+    }
+    ngOnChanges(changes) {
+        if (changes['config'] && this.plyr) {
+            this.ensureCastMessageListener();
+            this.setupPlayer();
+        }
+    }
+    setupPlayer() {
+        if (!this.videoRef) {
+            return;
+        }
+        const videoElement = this.videoRef.nativeElement;
+        const isIOS = this.isIOSContext();
+        this.applyInlineAttributes(videoElement, isIOS);
+        this.plyr?.destroy();
+        this.startTimeApplied = false;
+        this.pendingStartTime = undefined;
+        this.endedLoggedOnPause = false;
+        this.endedOverlayVisible = false;
+        const shouldAutoplay = false;
+        const startMuted = shouldAutoplay;
+        const speedOptions = [1, 1.25, 1.5, 2];
+        const baseControls = [
+            'play-large',
+            'play',
+            'progress',
+            'current-time',
+            'duration',
+            'mute',
+            'volume',
+            'captions',
+            'settings',
+            'pip',
+            'airplay',
+            'fullscreen',
+        ];
+        const options = {
+            controls: isIOS ? baseControls.filter((c) => c !== 'fullscreen') : baseControls,
+            clickToPlay: true,
+            autoplay: shouldAutoplay,
+            muted: startMuted,
+            keyboard: { focused: true, global: false },
+            hideControls: true,
+            i18n: {
+                speed: "Velocidade",
+            },
+            speed: {
+                selected: 1,
+                options: speedOptions,
+            },
+            fullscreen: {
+                enabled: !isIOS,
+                fallback: !isIOS,
+                iosNative: true,
+                container: null,
+            },
+        };
+        options.vimeo = {
+            autopause: true,
+            autoplay: shouldAutoplay,
+            muted: startMuted,
+            playsinline: true,
+            byline: false,
+            portrait: false,
+            title: false,
+            pip: false,
+            controls: false,
+        };
+        this.plyr = new Plyr.default(videoElement, options);
+        this.plyr.source = {
+            type: 'video',
+            sources: [{ src: this.config.video_id, provider: 'vimeo' }],
+        };
+        this.bindIOSFullscreenLogging(videoElement, isIOS);
+        this.bindEvents();
+    }
+    bindEvents() {
+        if (!this.plyr)
+            return;
+        let durationPosted = false;
+        const onTimeUpdate = () => {
+            setTimeout(() => {
+                const currentReal = this.plyr.currentTime || 0;
+                const durationReal = this.plyr.duration || 0;
+                const current = Math.floor(currentReal);
+                const duration = Math.floor(this.plyr.duration);
+                if (!durationPosted && duration > 0) {
+                    durationPosted = true;
+                    console.log('event: duration ' + duration);
+                    parent.postMessage('duration:' + duration, '*');
+                }
+                const percent = duration > 0 ? +((current / duration) * 100).toFixed(2) : 0;
+                this.progressService.progress$.next({ currentTime: currentReal, duration: durationReal, percent });
+                parent.postMessage('currentTime:' + current, '*');
+                console.log('event: current_time ' + current);
+                console.log('event: duration ' + duration);
+                this.postCastEvent({
+                    event: 'current_time',
+                    currentTime: current,
+                    duration,
+                });
+                this.tryApplyPendingStartTime();
+            }, 0);
+        };
+        this.plyr.on('ready', () => {
+            this.applySavedStartTime();
+            const duration = this.plyr.duration || 0;
+            console.log('event: ready');
+            if (duration > 0) {
+                parent.postMessage('duration:' + duration, '*');
+            }
+            parent.postMessage('playerIsReadyToPlay', '*');
+            this.postCastEvent({
+                event: 'ready',
+                duration,
+                currentTime: this.plyr.currentTime || 0,
+            });
+            this.ready.emit();
+        });
+        const reapplyStartTime = () => {
+            if (typeof this.pendingStartTime === 'number' || !this.startTimeApplied) {
+                this.applySavedStartTime(true);
+            }
+            if (this.startTimeApplied) {
+                this.plyr?.off?.('loadedmetadata', reapplyStartTime);
+                this.plyr?.off?.('durationchange', reapplyStartTime);
+            }
+        };
+        this.plyr.on('timeupdate', onTimeUpdate);
+        this.plyr.on('loadedmetadata', reapplyStartTime);
+        this.plyr.on('durationchange', reapplyStartTime);
+        this.plyr.on('play', () => {
+            this.endedLoggedOnPause = false;
+            this.tryApplyPendingStartTime();
+            //this.jumpToPendingStartTime();
+            this.endedOverlayVisible = false;
+            this.progressService.ended$.next();
+            console.log('event: playing_video');
+            if (this.config?.is_live) {
+                console.log('event: playing_live');
+                parent.postMessage('event: playing_live', '*');
+            }
+            parent.postMessage('playing_video', '*');
+            this.postCastEvent({
+                event: 'play',
+                currentTime: this.plyr.currentTime || 0,
+            });
+            onTimeUpdate();
+        });
+        this.plyr.on('pause', () => {
+            this.endedOverlayVisible = false;
+            console.log('event: pause');
+            parent.postMessage('paused_video', '*');
+            this.postCastEvent({
+                event: 'pause',
+                currentTime: this.plyr.currentTime || 0,
+            });
+            onTimeUpdate();
+            if (this.shouldEmitEndedOnPause()) {
+                this.handleEnded(true);
+            }
+            this.unlockPlayerInteraction();
+        });
+        this.plyr.on('ended', () => {
+            onTimeUpdate();
+            this.handleEnded();
+        });
+        this.plyr.on('enterfullscreen', () => {
+            console.log('event: enterfullscreen');
+            parent.postMessage('event: fullscreen_enter', '*');
+            this.postCastEvent({ event: 'enterfullscreen' });
+        });
+        this.plyr.on('exitfullscreen', () => {
+            console.log('event: exitfullscreen');
+            parent.postMessage('event: fullscreen_exit', '*');
+            this.postCastEvent({ event: 'exitfullscreen' });
+        });
+    }
+    resolveStartTime(last_time, last_percent, duration) {
+        if (this.shouldResetProgressToBeginning()) {
+            return 0;
+        }
+        const dur = Number(duration) || 0;
+        if (dur <= 0) {
+            if (last_time && Number(last_time) > 0) {
+                return Number(last_time);
+            }
+            return 0;
+        }
+        if (last_time && Number(last_time) > 0) {
+            return Math.min(Number(last_time), dur - 2);
+        }
+        if (last_percent && Number(last_percent) > 0) {
+            let percent = Number(last_percent);
+            if (percent > 1) {
+                percent = percent / 100;
+            }
+            return Math.min(percent * dur, dur - 2);
+        }
+        return 0;
+    }
+    shouldResetProgressToBeginning() {
+        const seenFlag = this.config?.seen;
+        if (seenFlag === true || seenFlag === 'true' || seenFlag === 1) {
+            return true;
+        }
+        const rawPercent = this.config?.last_percent;
+        if (rawPercent === undefined || rawPercent === null || rawPercent === 0) {
+            return false;
+        }
+        let percent = Number(rawPercent);
+        if (!Number.isFinite(percent)) {
+            return false;
+        }
+        if (percent > 1) {
+            percent = percent / 100;
+        }
+        return percent >= 0.8;
+    }
+    isIOSDevice() {
+        if (typeof navigator === 'undefined')
+            return false;
+        const ua = navigator.userAgent || '';
+        const iOS = /iPad|iPhone|iPod/.test(ua);
+        const iPadOS = navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
+        return iOS || iPadOS;
+    }
+    applySavedStartTime(force = false) {
+        if (!this.plyr)
+            return;
+        if (this.startTimeApplied && !force)
+            return;
+        const duration = this.plyr.duration || 0;
+        const start = this.resolveStartTime(this.config?.last_time, this.config?.last_percent, duration);
+        if (!(start > 0)) {
+            this.pendingStartTime = undefined;
+            return;
+        }
+        if (duration > 0) {
+            this.pendingStartTime = start;
+            this.startTimeApplied = false;
+            this.jumpToPendingStartTime();
+            this.resumeAfterPendingSeek();
+        }
+        else {
+            this.pendingStartTime = start;
+            this.startTimeApplied = false;
+        }
+    }
+    ngOnDestroy() {
+        this.plyr?.destroy();
+        this.removeIOSFullscreenLogging();
+        if (typeof window !== 'undefined') {
+            if (this.castListenerAttached) {
+                window.removeEventListener('message', this.onCastMessage);
+                this.castListenerAttached = false;
+            }
+            window.removeEventListener('message', this.onCastMessage);
+        }
+    }
+    postCastEvent(payload) {
+        parent.postMessage(JSON.stringify(payload), '*');
+    }
+    applyTheme(colors) {
+        if (!colors)
+            return;
+        const STYLE_ID = 'webplayer-theme-vars';
+        let styleEl = this.document.getElementById(STYLE_ID);
+        if (!styleEl) {
+            styleEl = this.document.createElement('style');
+            styleEl.id = STYLE_ID;
+            this.document.head.appendChild(styleEl);
+        }
+        const rootStyle = this.document.documentElement.style;
+        const allPairs = [];
+        for (const key in colors) {
+            if (Object.prototype.hasOwnProperty.call(colors, key)) {
+                const cssVarName = `--theme-${key.replace('progresss-', 'progress-')}`;
+                const cssVarValue = String(colors[key]);
+                allPairs.push([cssVarName, cssVarValue]);
+                try {
+                    rootStyle.setProperty(cssVarName, cssVarValue);
+                }
+                catch { }
+            }
+        }
+        const cssRule = `:root{
+${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
+}`;
+        styleEl.textContent = cssRule;
+    }
+    seekTo(time) {
+        if (!this.plyr)
+            return;
+        const target = Math.max(0, Number(time) || 0);
+        try {
+            this.plyr.currentTime = target;
+        }
+        catch { }
+    }
+    tryApplyPendingStartTime() {
+        if (this.startTimeApplied)
+            return;
+        if (!this.plyr)
+            return;
+        const pending = this.pendingStartTime;
+        if (typeof pending !== 'number' || !(pending > 0)) {
+            return;
+        }
+        const duration = this.plyr.duration || 0;
+        if (!(duration > 0)) {
+            return;
+        }
+        const current = this.plyr.currentTime || 0;
+        const tolerance = 0.35;
+        const nearingTarget = Math.abs(current - pending) <= tolerance;
+        if (nearingTarget && duration > 0) {
+            this.startTimeApplied = true;
+            this.pendingStartTime = undefined;
+            return;
+        }
+        this.jumpToPendingStartTime();
+    }
+    jumpToPendingStartTime() {
+        if (this.startTimeApplied)
+            return;
+        if (!this.plyr)
+            return;
+        const pending = this.pendingStartTime;
+        if (typeof pending !== 'number' || !(pending > 0)) {
+            return;
+        }
+        const restoreMute = this.temporarilyMuteForSeek();
+        this.seekTo(pending);
+        if (restoreMute) {
+            setTimeout(() => restoreMute(), 300);
+        }
+        this.pendingStartTime = undefined;
+        this.startTimeApplied = true;
+    }
+    resumeAfterPendingSeek() {
+        if (!this.plyr)
+            return;
+        const resume = () => {
+            this.plyr?.off?.('seeked', resume);
+            try {
+                const maybePromise = this.plyr?.play?.();
+                if (maybePromise && typeof maybePromise.then === 'function') {
+                    maybePromise.catch(() => { });
+                }
+            }
+            catch { }
+        };
+        try {
+            this.plyr?.pause?.();
+        }
+        catch { }
+        this.plyr?.off?.('seeked', resume);
+        this.plyr?.on?.('seeked', resume);
+    }
+    shouldEmitEndedOnPause() {
+        if (!this.isIOSContext()) {
+            return false;
+        }
+        if (this.endedLoggedOnPause) {
+            return false;
+        }
+        const duration = this.plyr?.duration;
+        if (!Number.isFinite(duration) || !duration || duration <= 0) {
+            return false;
+        }
+        const current = this.plyr?.currentTime || 0;
+        return duration - current < 1;
+    }
+    handleEnded(triggeredByPause = false) {
+        if (triggeredByPause && this.endedLoggedOnPause) {
+            return;
+        }
+        if (!triggeredByPause) {
+            this.endedOverlayVisible = true;
+        }
+        console.log('event: ended');
+        parent.postMessage('event: ended', '*');
+        this.postCastEvent({
+            event: 'ended',
+            currentTime: this.plyr?.currentTime || 0,
+        });
+        this.progressService.ended$.next();
+        this.endedLoggedOnPause = true;
+    }
+    isIOSContext() {
+        if (this.isIOSDevice()) {
+            return true;
+        }
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        try {
+            const params = new URLSearchParams(window.location.search);
+            const os = params.get('os');
+            if (os && os.toLowerCase() === 'ios') {
+                return true;
+            }
+        }
+        catch { }
+        return false;
+    }
+    temporarilyMuteForSeek() {
+        const video = this.videoRef?.nativeElement ?? null;
+        const prevVideoMuted = video?.muted ?? false;
+        const prevPlyrMuted = !!this.plyr?.muted;
+        try {
+            if (video) {
+                video.muted = true;
             }
-            if (this.hls) {
-                this.hls.destroy();
-                this.hls = undefined;
+            if (this.plyr) {
+                this.plyr.muted = true;
             }
-            setDisabledTopPageClick();
-            if (this.config.video_host === "youtube" || this.config.video_host === "vimeo") {
-                const onReady = () => {
-                    this.plyr.off("ready", onReady);
-                    const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, this.plyr.duration);
-                    if (start > 0)
-                        this.plyr.currentTime = start;
-                    if (this.config.autoPlay) {
-                        setTimeout(() => {
-                            this.plyr.play();
-                        }, 1000);
-                    }
-                    if (this.config.mirror) {
-                        setTimeout(() => {
-                            document
-                                .querySelector(`.plyr__video-embed iframe`) // eslint-disable-line
-                                ?.classList.add("mirror");
-                        }, 1000);
-                    }
-                };
-                this.plyr.on("ready", onReady);
+        }
+        catch { }
+        return () => {
+            try {
+                if (video) {
+                    video.muted = prevVideoMuted;
+                }
             }
-            if (this.config.video_host === "youtube") {
-                this.plyr.source = {
-                    type: "video",
-                    sources: [{ src: this.config.video_id, provider: "youtube" }],
-                };
+            catch { }
+            try {
+                if (this.plyr) {
+                    this.plyr.muted = prevPlyrMuted;
+                }
             }
-            else if (this.config.video_host === "vimeo") {
-                this.plyr.source = {
-                    type: "video",
-                    sources: [{ src: this.config.video_id, provider: "vimeo" }],
-                };
+            catch { }
+            this.unlockPlayerInteraction();
+        };
+    }
+    applyInlineAttributes(videoElement, isIOS) {
+        try {
+            videoElement.setAttribute('playsinline', 'true');
+            videoElement.setAttribute('webkit-playsinline', 'true');
+            if (isIOS) {
+                videoElement.setAttribute('x5-playsinline', 'true');
+                videoElement.setAttribute('x5-video-player-type', 'h5');
             }
-            else if (this.config.video_host === "mp4") {
-                this.plyr.source = {
-                    type: "video",
-                    sources: [{ src: this.config.video_external_id, type: "video/mp4" }],
-                };
+        }
+        catch { }
+    }
+    bindIOSFullscreenLogging(videoElement, isIOS) {
+        this.removeIOSFullscreenLogging();
+        if (!isIOS)
+            return;
+        const logEvent = (name) => {
+            console.log(`event: ${name}`);
+            try {
+                parent.postMessage(`event: ${name}`, '*');
             }
-            else if (this.config.video_host === "hls") {
-                let sourceX = "";
+            catch { }
+        };
+        const onEnter = () => logEvent('webkit_enterfullscreen');
+        const onExit = () => logEvent('webkit_exitfullscreen');
+        try {
+            videoElement.addEventListener('webkitbeginfullscreen', onEnter);
+            videoElement.addEventListener('webkitendfullscreen', onExit);
+            this.iosFullscreenCleanup = () => {
                 try {
-                    sourceX = atob(this.config.video_id);
-                }
-                catch (e) {
-                    sourceX = this.config.video_id;
-                }
-                const canNative = video.canPlayType("application/vnd.apple.mpegurl");
-                if (canNative) {
-                    this.plyr.source = {
-                        type: "video",
-                        sources: [{ src: sourceX, type: "application/vnd.apple.mpegurl" }],
-                    };
-                    const onLoadedMeta = () => {
-                        const dur = this.plyr.duration || video.duration || 0;
-                        const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, dur);
-                        if (start > 0) {
-                            try {
-                                this.plyr.currentTime = start;
-                            }
-                            catch {
-                                try {
-                                    video.currentTime = start;
-                                }
-                                catch { }
-                            }
-                        }
-                        if (this.config.autoPlay) {
-                            try {
-                                video.muted = true;
-                            }
-                            catch { }
-                            setTimeout(() => {
-                                try {
-                                    this.plyr.play();
-                                }
-                                catch {
-                                    try {
-                                        video.play();
-                                    }
-                                    catch { }
-                                }
-                                this.unmuteAfterDelay(video);
-                            }, 250);
-                        }
-                        video.removeEventListener("loadedmetadata", onLoadedMeta);
-                    };
-                    video.addEventListener("loadedmetadata", onLoadedMeta);
-                }
-                else if (Hls.isSupported()) {
-                    this.hls = new Hls({ enableWorker: true, lowLatencyMode: true });
-                    this.hls.attachMedia(video);
-                    this.hls.on(Hls.Events.MEDIA_ATTACHED, () => {
-                        this.hls.loadSource(sourceX);
-                    });
-                    this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
-                        const dur = video.duration || 0;
-                        const start = this.resolveStartTime(this.config.last_time, this.config.last_percent, dur);
-                        if (start > 0) {
-                            try {
-                                video.currentTime = start;
-                            }
-                            catch { }
-                        }
-                        if (this.config.autoPlay) {
-                            video.muted = true;
-                            video.play().catch(() => { });
-                            this.unmuteAfterDelay(video);
-                        }
-                    });
-                    this.hls.on(Hls.Events.ERROR, (_evt, data) => {
-                        if (data?.fatal) {
-                            switch (data.type) {
-                                case Hls.ErrorTypes.NETWORK_ERROR:
-                                    this.hls.startLoad();
-                                    break;
-                                case Hls.ErrorTypes.MEDIA_ERROR:
-                                    this.hls.recoverMediaError();
-                                    break;
-                                default:
-                                    try {
-                                        this.hls.destroy();
-                                    }
-                                    catch { }
-                                    break;
-                            }
-                        }
-                    });
+                    videoElement.removeEventListener('webkitbeginfullscreen', onEnter);
+                    videoElement.removeEventListener('webkitendfullscreen', onExit);
                 }
-                else {
-                    this.plyr.source = { type: "video", sources: [{ src: sourceX }] };
-                }
-            }
-            resolve();
-        });
+                catch { }
+                this.iosFullscreenCleanup = undefined;
+            };
+        }
+        catch { }
     }
-    resolveStartTime(last_time, last_percent, duration, opts = {}) {
-        const minStartSec = opts.minStartSec ?? 3;
-        const endGuardSec = opts.endGuardSec ?? 2;
-        const dur = Number(duration) || 0;
-        if (dur <= 0)
-            return 0;
-        const hasTime = last_time !== undefined && last_time !== null && last_time !== "";
-        if (hasTime) {
-            let t = Number(last_time);
-            if (!isFinite(t) || t < 0)
-                t = 0;
-            if (t < minStartSec)
-                return 0;
-            return Math.min(dur - endGuardSec, t);
+    removeIOSFullscreenLogging() {
+        try {
+            this.iosFullscreenCleanup?.();
         }
-        const hasPercent = last_percent !== undefined && last_percent !== null && last_percent !== "";
-        if (hasPercent) {
-            let p = Number(last_percent);
-            if (!isFinite(p) || p < 0)
-                p = 0;
-            if (p > 1)
-                p = p / 100;
-            let t = dur * p;
-            if (t < minStartSec)
-                return 0;
-            return Math.min(dur - endGuardSec, t);
+        catch { }
+        this.iosFullscreenCleanup = undefined;
+    }
+    ensureCastMessageListener() {
+        if (typeof window === 'undefined') {
+            return;
         }
-        return 0;
+        if (this.castListenerAttached) {
+            return;
+        }
+        window.addEventListener('message', this.onCastMessage);
+        this.castListenerAttached = true;
     }
-    ngOnDestroy() {
-        this.hls?.destroy();
-        this.plyr?.destroy();
+    unlockPlayerInteraction() {
+        try {
+            const controls = this.plyr?.elements?.controls;
+            if (controls) {
+                controls.style.pointerEvents = 'auto';
+            }
+            const overlay = this.plyr?.elements?.buttons?.play;
+            if (overlay) {
+                overlay.style.pointerEvents = 'auto';
+            }
+        }
+        catch { }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlyrPlayerComponent, deps: [{ token: WebplayerProgressService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PlyrPlayerComponent, isStandalone: true, selector: "app-plyr-player", inputs: { config: "config" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<video #video playsinline></video>`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var(--theme-progress-view-off, rgba(255, 255, 255, .25));--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{background:var(--plyr-control-background)!important;color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: VimeoPlayerComponent, deps: [{ token: WebplayerProgressService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: VimeoPlayerComponent, isStandalone: true, selector: "app-vimeo-player", inputs: { config: "config" }, outputs: { ready: "ready" }, host: { properties: { "class.overlay-visible": "endedOverlayVisible" } }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="vimeo-wrapper">
+      <video #video playsinline></video>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var( --theme-progress-view-off, rgba(255, 255, 255, .25) );--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease;z-index:5}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}.vimeo-wrapper{width:100%;height:100%;position:relative}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe{width:100%!important;height:100%!important;top:0!important;left:0!important;background:#000!important}:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{max-height:100%!important;object-fit:contain!important}:host ::ng-deep .plyr__video-wrapper{position:relative;z-index:1}:host(.overlay-visible) ::ng-deep .plyr__video-wrapper:after{content:\"\";position:absolute;inset:0 0 40px;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 45%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.09),transparent 45%),#000000eb;z-index:2}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr__control--overlaid{position:fixed!important;z-index:4!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host ::ng-deep .plyr--vimeo .plyr__video-wrapper.plyr__video-embed{aspect-ratio:16 / 9!important;width:100%!important;height:auto!important}:host ::ng-deep .plyr__control--overlaid,:host ::ng-deep .plyr--video .plyr__control.plyr__control--overlaid:hover{background:#fff!important;color:#000!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlyrPlayerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: VimeoPlayerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-plyr-player", template: `<video #video playsinline></video>`, standalone: true, imports: [CommonModule], styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var(--theme-progress-view-off, rgba(255, 255, 255, .25));--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{background:var(--plyr-control-background)!important;color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}\n"] }]
+            args: [{ selector: 'app-vimeo-player', standalone: true, imports: [CommonModule], host: {
+                        '[class.overlay-visible]': 'endedOverlayVisible',
+                    }, template: `
+    <div class="vimeo-wrapper">
+      <video #video playsinline></video>
+    </div>
+  `, styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var( --theme-progress-view-off, rgba(255, 255, 255, .25) );--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease;z-index:5}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}.vimeo-wrapper{width:100%;height:100%;position:relative}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe{width:100%!important;height:100%!important;top:0!important;left:0!important;background:#000!important}:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{max-height:100%!important;object-fit:contain!important}:host ::ng-deep .plyr__video-wrapper{position:relative;z-index:1}:host(.overlay-visible) ::ng-deep .plyr__video-wrapper:after{content:\"\";position:absolute;inset:0 0 40px;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 45%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.09),transparent 45%),#000000eb;z-index:2}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr__control--overlaid{position:fixed!important;z-index:4!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host ::ng-deep .plyr--vimeo .plyr__video-wrapper.plyr__video-embed{aspect-ratio:16 / 9!important;width:100%!important;height:auto!important}:host ::ng-deep .plyr__control--overlaid,:host ::ng-deep .plyr--video .plyr__control.plyr__control--overlaid:hover{background:#fff!important;color:#000!important}\n"] }]
         }], ctorParameters: () => [{ type: WebplayerProgressService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }], propDecorators: { videoRef: [{
-                type: ViewChild,
-                args: ["video", { static: true }]
-            }], config: [{
+                }] }], propDecorators: { config: [{
                 type: Input
+            }], ready: [{
+                type: Output
+            }], videoRef: [{
+                type: ViewChild,
+                args: ['video', { static: true }]
             }] } });
 
 class PandaPlayerComponent {
     elementRef;
     progressService;
     config;
+    ready = new EventEmitter();
     pandaPlayer;
     pandaContainer;
     pandaProgressThrottle = 0;
@@ -457,6 +2204,7 @@ class PandaPlayerComponent {
         }
         this.ensurePandaScript().then(() => {
             const host = this.elementRef.nativeElement;
+            console.log('Panda Player Config:', this.config, host);
             if (!this.pandaContainer) {
                 this.pandaContainer = document.createElement("div");
                 this.pandaContainer.style.width = "100%";
@@ -468,8 +2216,8 @@ class PandaPlayerComponent {
                 this.pandaPlayer?.destroy?.();
             }
             catch { }
-            const videoId = this.config.video_id || (this.config.embed ? this.extractPandaVideoId(this.config.embed) : undefined);
-            const libraryId = this.config.library_id || (this.config.embed ? this.extractPandaLibraryId(this.config.embed) : undefined);
+            const videoId = this.config.video_external_id || (this.config.embed ? this.extractPandaVideoId(this.config.embed) : undefined);
+            const libraryId = (this.config.embed ? this.extractPandaLibraryId(this.config.embed) : undefined);
             window.pandascripttag = window.pandascripttag || [];
             window.pandascripttag.push(() => {
                 this.pandaPlayer = new window.PandaPlayer(this.pandaContainer.id, {
@@ -496,16 +2244,17 @@ class PandaPlayerComponent {
                             }
                             catch { }
                         }
-                        if (this.config.autoPlay) {
+                        if (this.config.autoplay) {
                             try {
                                 this.pandaPlayer.play();
                             }
                             catch { }
                         }
+                        this.ready.emit();
                     },
                     playerConfigs: {
-                        autoplay: !!this.config.autoPlay,
-                        smartAutoplay: !!this.config.autoPlay,
+                        autoplay: !!this.config.autoplay,
+                        smartAutoplay: !!this.config.autoplay,
                     },
                 });
                 this.pandaPlayer.onEvent((event) => {
@@ -604,6 +2353,13 @@ class PandaPlayerComponent {
                 catch { }
             }
         }
+        if (type === "panda_play") {
+            const snapshot = this.safeProgressSnapshot();
+            if (snapshot) {
+                this.progressService.progress$.next(snapshot);
+            }
+            this.notifyParentPlaybackEvent('play', snapshot ?? {});
+        }
         if (type === "panda_pause") {
             try {
                 const t = this.pandaPlayer?.getCurrentTime?.() || 0;
@@ -612,16 +2368,15 @@ class PandaPlayerComponent {
                 this.progressService.progress$.next({ currentTime: t, duration: d, percent: p });
             }
             catch { }
+            this.notifyParentPlaybackEvent('pause', this.safeProgressSnapshot());
         }
         if (type === "panda_ended") {
-            try {
-                const t = this.pandaPlayer?.getCurrentTime?.() || 0;
-                const d = this.pandaPlayer?.getDuration?.() || 0;
-                const p = d > 0 ? +((t / d) * 100).toFixed(2) : 0;
-                this.progressService.progress$.next({ currentTime: t, duration: d, percent: p });
+            const snapshot = this.safeProgressSnapshot();
+            if (snapshot) {
+                this.progressService.progress$.next(snapshot);
             }
-            catch { }
             this.progressService.ended$.next();
+            this.notifyParentPlaybackEvent('ended', snapshot ?? {});
         }
     }
     resolveStartTime(last_time, last_percent, duration, opts = {}) {
@@ -655,23 +2410,56 @@ class PandaPlayerComponent {
         }
         return 0;
     }
+    safeProgressSnapshot() {
+        try {
+            const currentTime = this.pandaPlayer?.getCurrentTime?.() || 0;
+            const duration = this.pandaPlayer?.getDuration?.() || 0;
+            const percent = duration > 0 ? +((currentTime / duration) * 100).toFixed(2) : 0;
+            return { currentTime, duration, percent };
+        }
+        catch {
+            return null;
+        }
+    }
+    notifyParentPlaybackEvent(event, extra = {}) {
+        if (typeof window === 'undefined')
+            return;
+        const target = typeof parent !== 'undefined' ? parent : null;
+        if (!target || target === window)
+            return;
+        const payload = { event, ...extra };
+        try {
+            target.postMessage(`event: ${event}`, '*');
+        }
+        catch { }
+        try {
+            target.postMessage(JSON.stringify(payload), '*');
+        }
+        catch { }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PandaPlayerComponent, deps: [{ token: i0.ElementRef }, { token: WebplayerProgressService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PandaPlayerComponent, isStandalone: true, selector: "app-panda-player", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host ::ng-deep .panda-player,:host ::ng-deep iframe[src*=\"pandavideo.com.br\"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PandaPlayerComponent, isStandalone: true, selector: "app-panda-player", inputs: { config: "config" }, outputs: { ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host ::ng-deep .panda-player,:host ::ng-deep iframe[src*=\"pandavideo.com.br\"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PandaPlayerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-panda-player', template: '', standalone: true, imports: [CommonModule], styles: [":host{display:block;width:100%;height:100%;position:relative}:host ::ng-deep .panda-player,:host ::ng-deep iframe[src*=\"pandavideo.com.br\"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: WebplayerProgressService }], propDecorators: { config: [{
                 type: Input
+            }], ready: [{
+                type: Output
             }] } });
 
 class ScaleupPlayerComponent {
     elementRef;
     progressService;
     config;
+    ready = new EventEmitter();
     scaleupIframe;
     scaleupMessageHandler;
     scaleupProgressThrottle = 0;
+    castMessageHandler;
+    lastDuration = 0;
+    lastCurrentTime = 0;
     constructor(elementRef, progressService) {
         this.elementRef = elementRef;
         this.progressService = progressService;
@@ -690,16 +2478,25 @@ class ScaleupPlayerComponent {
     loadScaleupPlayer() {
         const videoId = this.config.video_id;
         const lastTime = Math.max(0, Math.floor(Number(this.config.last_time) || 0));
-        const eventsList = "controlsdisabled,controlsenabled,dispose,durationchange,ended,enterFullWindow,enterpictureinpicture,error,exitFullWindow,firstplay,fullscreenchange,leavepictureinpicture,loadedmetadata,loadstart,pause,play,playerreset,playerresize,playing,posterchange,progress,ratechange,ready,resize,seeked,seeking,textdata,timeupdate,useractive,userinactive,volumechange,waiting";
-        const scaleupSrc = `https://player.scaleup.com.br/embed/${videoId}?seekTo=${lastTime}&events=${eventsList}&autoplay=${this.config.autoPlay}`;
+        const eventsList = this.resolveEventsList();
+        const params = new URLSearchParams({
+            seekTo: String(lastTime),
+            events: eventsList,
+            autoplay: String(!!this.config.autoplay),
+        });
+        if (this.isIOSContext()) {
+            params.set("fullscreen", "0");
+        }
+        const scaleupSrc = `https://player.scaleup.com.br/embed/${videoId}?${params.toString()}`;
         const host = this.elementRef.nativeElement;
         if (this.scaleupIframe) {
             this.scaleupIframe.remove();
         }
         const iframe = document.createElement("iframe");
         iframe.src = scaleupSrc;
-        iframe.allow = "autoplay; fullscreen; encrypted-media; picture-in-picture";
+        iframe.allow = "autoplay; encrypted-media; picture-in-picture; web-share";
         iframe.referrerPolicy = "origin-when-cross-origin";
+        iframe.allowFullscreen = false;
         iframe.frameBorder = "0";
         iframe.style.width = "100%";
         iframe.style.height = "100%";
@@ -708,6 +2505,11 @@ class ScaleupPlayerComponent {
         iframe.style.left = "0";
         host.appendChild(iframe);
         this.scaleupIframe = iframe;
+        this.ensureCastMessageHandler();
+        // Emite evento ready quando o iframe carregar
+        iframe.onload = () => {
+            this.ready.emit();
+        };
         if (this.scaleupMessageHandler) {
             window.removeEventListener("message", this.scaleupMessageHandler);
         }
@@ -715,6 +2517,8 @@ class ScaleupPlayerComponent {
             try {
                 const originOk = typeof e.origin === "string" &&
                     e.origin.includes("scaleup.com.br");
+                console.log('Scaleup message received:', e);
+                console.log('Origin OK:', originOk);
                 if (!originOk)
                     return;
                 const data = typeof e.data === "string"
@@ -727,6 +2531,7 @@ class ScaleupPlayerComponent {
                         }
                     })()
                     : e.data;
+                console.log('Parsed data:', data);
                 if (!data || typeof data !== "object")
                     return;
                 const type = (data.event ||
@@ -736,11 +2541,21 @@ class ScaleupPlayerComponent {
                     "")
                     .toString()
                     .toLowerCase();
+                console.log('Event type:', type);
                 if (!type)
                     return;
+                if (type.includes("fullscreen") || type.includes("fullwindow")) {
+                    try {
+                        console.log(`scaleup event: ${type}`);
+                    }
+                    catch { }
+                }
                 const t = Number((data.currentTime ?? data.time ?? data.position) || 0);
                 const d = Number((data.duration ?? data.totalDuration) || 0);
                 const p = d > 0 ? +((t / d) * 100).toFixed(2) : 0;
+                this.lastCurrentTime = t;
+                this.lastDuration = d;
+                this.postCastProgress(t, d);
                 const THROTTLE_MS = 300;
                 const now = performance.now();
                 if (type.includes("timeupdate") ||
@@ -772,94 +2587,299 @@ class ScaleupPlayerComponent {
             window.removeEventListener("message", this.scaleupMessageHandler);
             this.scaleupMessageHandler = undefined;
         }
+        if (this.castMessageHandler) {
+            window.removeEventListener("message", this.castMessageHandler);
+            this.castMessageHandler = undefined;
+        }
+    }
+    postCastProgress(currentTime, duration) {
+        try {
+            console.log("Scaleup -> Cast postProgress", { currentTime, duration });
+            parent.postMessage({
+                currentTime,
+                duration,
+            }, "*");
+        }
+        catch { }
+    }
+    sendScaleupCommand(cmd) {
+        try {
+            console.log("Scaleup -> iframe command", cmd);
+            const target = this.scaleupIframe?.contentWindow;
+            if (!target)
+                return;
+            target.postMessage(cmd, "*");
+            if (cmd?.action && typeof cmd.action === "string") {
+                target.postMessage({ type: cmd.action }, "*");
+                target.postMessage(cmd.action, "*");
+            }
+        }
+        catch { }
+    }
+    ensureCastMessageHandler() {
+        if (this.castMessageHandler)
+            return;
+        this.castMessageHandler = (event) => {
+            console.log("Cast message received (Scaleup)", event.data);
+            const data = event?.data;
+            if (!data)
+                return;
+            let payload = data;
+            if (typeof data === "string") {
+                try {
+                    payload = JSON.parse(data);
+                }
+                catch {
+                    payload = { action: data };
+                }
+            }
+            const actionRaw = payload?.action ?? payload?.type ?? "";
+            const action = typeof actionRaw === "string"
+                ? actionRaw.toLowerCase()
+                : "";
+            console.log("Cast normalized action", action);
+            if (action === "request-iframe-media-metadata") {
+                const duration = this.lastDuration || 0;
+                const currentTime = this.lastCurrentTime || 0;
+                this.postCastProgress(currentTime, duration);
+                return;
+            }
+            if (action === "play") {
+                this.sendScaleupCommand({ action: "play" });
+                return;
+            }
+            if (action === "pause") {
+                this.sendScaleupCommand({ action: "pause" });
+                return;
+            }
+            if (action === "seek" && typeof payload.time === "number") {
+                this.sendScaleupCommand({ action: "seek", time: payload.time });
+                return;
+            }
+        };
+        window.addEventListener("message", this.castMessageHandler);
+    }
+    resolveEventsList() {
+        const baseEvents = [
+            "controlsdisabled",
+            "controlsenabled",
+            "dispose",
+            "durationchange",
+            "ended",
+            "enterpictureinpicture",
+            "error",
+            "firstplay",
+            "leavepictureinpicture",
+            "loadedmetadata",
+            "loadstart",
+            "pause",
+            "play",
+            "playerreset",
+            "playerresize",
+            "playing",
+            "posterchange",
+            "progress",
+            "ratechange",
+            "ready",
+            "resize",
+            "seeked",
+            "seeking",
+            "textdata",
+            "timeupdate",
+            "useractive",
+            "userinactive",
+            "volumechange",
+            "waiting",
+        ];
+        if (!this.isIOSContext()) {
+            return baseEvents.join(",");
+        }
+        return baseEvents
+            .filter((name) => !name.toLowerCase().includes("fullscreen") &&
+            !name.toLowerCase().includes("fullwindow") &&
+            !name.toLowerCase().includes("airplay"))
+            .join(",");
+    }
+    isIOSDevice() {
+        if (typeof navigator === "undefined")
+            return false;
+        const ua = navigator.userAgent || "";
+        const iOS = /iPad|iPhone|iPod/.test(ua);
+        const iPadOS = navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+        return iOS || iPadOS;
+    }
+    isIOSContext() {
+        if (this.isIOSDevice()) {
+            return true;
+        }
+        return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScaleupPlayerComponent, deps: [{ token: i0.ElementRef }, { token: WebplayerProgressService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScaleupPlayerComponent, isStandalone: true, selector: "app-scaleup-player", inputs: { config: "config" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host ::ng-deep iframe[src*=\"scaleup.com.br\"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ScaleupPlayerComponent, isStandalone: true, selector: "app-scaleup-player", inputs: { config: "config" }, outputs: { ready: "ready" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative}:host ::ng-deep iframe[src*=\"scaleup.com.br\"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ScaleupPlayerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-scaleup-player', template: '', standalone: true, imports: [CommonModule], styles: [":host{display:block;width:100%;height:100%;position:relative}:host ::ng-deep iframe[src*=\"scaleup.com.br\"]{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: WebplayerProgressService }], propDecorators: { config: [{
                 type: Input
+            }], ready: [{
+                type: Output
             }] } });
 
+class GlobalLoadingService {
+    document;
+    loadingElement;
+    constructor(document) {
+        this.document = document;
+        this.loadingElement = this.document.getElementById('global-loading');
+    }
+    hide() {
+        if (this.loadingElement) {
+            this.loadingElement.style.opacity = '0';
+            setTimeout(() => {
+                if (this.loadingElement) {
+                    this.loadingElement.style.display = 'none';
+                }
+            }, 500); // Duração da transição do CSS
+        }
+    }
+    show() {
+        if (this.loadingElement) {
+            this.loadingElement.style.display = 'flex';
+            this.loadingElement.style.opacity = '1';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GlobalLoadingService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GlobalLoadingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GlobalLoadingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
 class PlayerLoaderComponent {
+    defaultConfig;
+    globalLoading;
     config;
-    ngOnInit() {
-        console.log(this.config);
+    playerType = null;
+    constructor(defaultConfig, globalLoading) {
+        this.defaultConfig = defaultConfig;
+        this.globalLoading = globalLoading;
+        this.config = { ...this.defaultConfig, ...this.config };
+        this.playerType = this.getPlayerType(this.config.videoUrl);
+    }
+    getPlayerType(videoUrl) {
+        if (videoUrl?.includes("panda"))
+            return "panda";
+        if (videoUrl?.includes("scaleup"))
+            return "scaleup";
+        if (videoUrl?.includes("vimeo") ||
+            videoUrl?.includes("youtube") ||
+            videoUrl?.includes(".m3u8") ||
+            videoUrl?.includes(".mp4"))
+            return "plyr";
+        return "plyr";
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlayerLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    onPlayerReady() {
+        this.globalLoading.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlayerLoaderComponent, deps: [{ token: WEPLAYER_CONFIG }, { token: GlobalLoadingService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PlayerLoaderComponent, isStandalone: true, selector: "app-player-loader", inputs: { config: "config" }, ngImport: i0, template: `
-    <div [ngSwitch]="config?.video_host" style="width: 100%; height: 100%;">
-      <app-plyr-player
-        *ngSwitchCase="'hls'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-plyr-player
-        *ngSwitchCase="'mp4'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-plyr-player
-        *ngSwitchCase="'youtube'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-plyr-player
-        *ngSwitchCase="'vimeo'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-panda-player
-        *ngSwitchCase="'panda'"
-        [config]="config"
-      ></app-panda-player>
-      <app-scaleup-player
-        *ngSwitchCase="'scaleup'"
-        [config]="config"
-      ></app-scaleup-player>
-      <div *ngSwitchDefault>
-        <p>Player not supported or config not provided.</p>
+    <div style="width: 100%; height: 100%;">
+      <div [ngSwitch]="config?.video_host" style="width: 100%; height: 100%;">
+        <app-plyr-player
+          *ngSwitchCase="'hls'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-plyr-player>
+        <app-plyr-player
+          *ngSwitchCase="'mp4'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-plyr-player>
+        <app-plyr-player
+          *ngSwitchCase="'youtube'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-plyr-player>
+        <app-vimeo-player
+          *ngSwitchCase="'vimeo'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-vimeo-player>
+        <app-panda-player
+          *ngSwitchCase="'panda'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-panda-player>
+        <app-scaleup-player
+          *ngSwitchCase="'scaleup'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-scaleup-player>
+        <div *ngSwitchDefault>
+          <p>Player não suportado ou configuração não fornecida.</p>
+        </div>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: PlyrPlayerComponent, selector: "app-plyr-player", inputs: ["config"] }, { kind: "component", type: PandaPlayerComponent, selector: "app-panda-player", inputs: ["config"] }, { kind: "component", type: ScaleupPlayerComponent, selector: "app-scaleup-player", inputs: ["config"] }] });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: PlyrPlayerComponent, selector: "app-plyr-player", inputs: ["config"], outputs: ["ready"] }, { kind: "component", type: VimeoPlayerComponent, selector: "app-vimeo-player", inputs: ["config"], outputs: ["ready"] }, { kind: "component", type: PandaPlayerComponent, selector: "app-panda-player", inputs: ["config"], outputs: ["ready"] }, { kind: "component", type: ScaleupPlayerComponent, selector: "app-scaleup-player", inputs: ["config"], outputs: ["ready"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlayerLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-player-loader', template: `
-    <div [ngSwitch]="config?.video_host" style="width: 100%; height: 100%;">
-      <app-plyr-player
-        *ngSwitchCase="'hls'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-plyr-player
-        *ngSwitchCase="'mp4'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-plyr-player
-        *ngSwitchCase="'youtube'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-plyr-player
-        *ngSwitchCase="'vimeo'"
-        [config]="config"
-      ></app-plyr-player>
-      <app-panda-player
-        *ngSwitchCase="'panda'"
-        [config]="config"
-      ></app-panda-player>
-      <app-scaleup-player
-        *ngSwitchCase="'scaleup'"
-        [config]="config"
-      ></app-scaleup-player>
-      <div *ngSwitchDefault>
-        <p>Player not supported or config not provided.</p>
+            args: [{ selector: "app-player-loader", template: `
+    <div style="width: 100%; height: 100%;">
+      <div [ngSwitch]="config?.video_host" style="width: 100%; height: 100%;">
+        <app-plyr-player
+          *ngSwitchCase="'hls'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-plyr-player>
+        <app-plyr-player
+          *ngSwitchCase="'mp4'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-plyr-player>
+        <app-plyr-player
+          *ngSwitchCase="'youtube'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-plyr-player>
+        <app-vimeo-player
+          *ngSwitchCase="'vimeo'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-vimeo-player>
+        <app-panda-player
+          *ngSwitchCase="'panda'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-panda-player>
+        <app-scaleup-player
+          *ngSwitchCase="'scaleup'"
+          [config]="config"
+          (ready)="onPlayerReady()"
+        ></app-scaleup-player>
+        <div *ngSwitchDefault>
+          <p>Player não suportado ou configuração não fornecida.</p>
+        </div>
       </div>
     </div>
   `, standalone: true, imports: [
                         CommonModule,
                         PlyrPlayerComponent,
+                        VimeoPlayerComponent,
                         PandaPlayerComponent,
                         ScaleupPlayerComponent,
                     ], styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }], propDecorators: { config: [{
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [WEPLAYER_CONFIG]
+                }] }, { type: GlobalLoadingService }], propDecorators: { config: [{
                 type: Input
             }] } });
 
@@ -887,7 +2907,7 @@ class WebplayerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: WebplayerComponent, deps: [{ token: WebplayerConfigService }, { token: WebplayerProgressService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: WebplayerComponent, isStandalone: true, selector: "edm-webplayer", outputs: { progress: "playProgress", ended: "playEnded" }, ngImport: i0, template: `
     <app-player-loader [config]="config" *ngIf="config"></app-player-loader>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PlayerLoaderComponent, selector: "app-player-loader", inputs: ["config"] }] });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PlayerLoaderComponent, selector: "app-player-loader", inputs: ["config"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: WebplayerComponent, decorators: [{
             type: Component,