unified-video-framework 1.4.458 → 1.4.460

package/packages/web/src/WebPlayer.ts

@@ -1838,12 +1838,17 @@ export class WebPlayer extends BasePlayer {
         iv_load_policy: 3, // Hide annotations
         modestbranding: 1, // Minimal YouTube branding
         rel: 0,            // Don't show related videos
-        showinfo: 0,       // Hide video info
+        showinfo: 0,       // Hide video info (deprecated but keep for older players)
+        autohide: 1,       // Auto-hide controls after delay
+        cc_load_policy: 0, // Don't show captions by default
+        playsinline: 1,    // Play inline on mobile
         autoplay: this.config.autoPlay ? 1 : 0,
         mute: this.config.muted ? 1 : 0,
         loop: this.config.loop ? 1 : 0,                      // Enable/disable loop
         playlist: this.config.loop ? videoId : undefined,    // Required for loop to work with single video
-        widget_referrer: window.location.href // Hide YouTube recommendations
+        widget_referrer: window.location.href,               // Hide YouTube recommendations
+        origin: window.location.origin,                      // Required for security
+        enablejsapi: 1                                        // Enable JavaScript API
       },
       events: {
         onReady: () => this.onYouTubePlayerReady(),
@@ -7923,6 +7928,38 @@ export class WebPlayer extends BasePlayer {
           opacity: 1;
           transform: translateY(0);
         }
+
+        /* Ensure YouTube custom controls are visible in fullscreen */
+        .uvf-player-wrapper.youtube-custom-controls-mode.uvf-fullscreen .uvf-controls-bar {
+          position: fixed !important;
+          bottom: 0 !important;
+          left: 0 !important;
+          right: 0 !important;
+          z-index: 2147483645 !important;
+          display: flex !important;
+          flex-direction: column !important;
+          visibility: visible !important;
+          opacity: 1 !important;
+          pointer-events: auto !important;
+        }
+
+        .uvf-player-wrapper.youtube-custom-controls-mode.uvf-fullscreen .uvf-top-bar {
+          position: fixed !important;
+          top: 0 !important;
+          left: 0 !important;
+          right: 0 !important;
+          z-index: 2147483645 !important;
+          display: flex !important;
+          visibility: visible !important;
+          opacity: 1 !important;
+          pointer-events: auto !important;
+        }
+
+        /* Keep controls always visible in fullscreen for YouTube */
+        .uvf-player-wrapper.youtube-custom-controls-mode.uvf-fullscreen .uvf-controls-bar,
+        .uvf-player-wrapper.youtube-custom-controls-mode.uvf-fullscreen .uvf-top-bar {
+          transform: translateY(0) !important;
+        }
       }
       
       /* Safe Area Variables - Support for modern mobile devices */
@@ -9002,6 +9039,7 @@ export class WebPlayer extends BasePlayer {
         right: 0 !important;
         z-index: 100 !important;
         display: flex !important;
+        flex-direction: column !important;
         visibility: visible !important;
         pointer-events: auto !important;
         opacity: 1 !important;
@@ -10809,9 +10847,18 @@ export class WebPlayer extends BasePlayer {
     const progressBar = document.querySelector('.uvf-progress-bar') as HTMLElement;
     const progressFilled = document.getElementById('uvf-progress-filled') as HTMLElement;
     const progressHandle = document.getElementById('uvf-progress-handle') as HTMLElement;
-    if (!progressBar || !this.video) return;
+    if (!progressBar) return;
+
+    // Get duration from YouTube player or regular video
+    let duration: number;
+    if (this.youtubePlayer && this.youtubePlayerReady) {
+      duration = this.youtubePlayer.getDuration();
+    } else if (this.video) {
+      duration = this.video.duration;
+    } else {
+      return; // No video source available
+    }
 
-    const duration = this.video.duration;
     // Validate duration before calculating seek time
     if (!isFinite(duration) || isNaN(duration) || duration <= 0) {
       this.debugWarn('Invalid video duration, cannot seek via progress bar');