Added overlay

web-atoms · Oct 31, 2023 · 05dfc0b · 05dfc0b
1 parent b50962e
commit 05dfc0b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/player/AtomVideoPlayer.tsx b/src/player/AtomVideoPlayer.tsx
@@ -80,6 +80,7 @@ const isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);
             z-index: 2;
             font-size: smaller;
             overflow: hidden;
+            white-space: nowrap;
             text-overflow: ellipsis;
         }
     }
@@ -472,10 +473,13 @@ export default class AtomVideoPlayer extends AtomControl {
                     this.updateVolume();
                     this.currentTimeSpan.textContent = durationText(0, this.duration);
                     this.updateProgress();
-                    // const { video } = this;
-                    // const { videoWidth, videoHeight } = video;
-                    // const eW = video.offsetWidth * videoHeight / videoWidth;
-                    // this.maxWidth = (100*(this.element.offsetWidth - eW) / this.element.offsetWidth) + "%";
+                    const { video } = this;
+                    const { videoWidth, videoHeight } = video;
+                    const eW = video.offsetWidth * videoHeight / videoWidth;
+                    const maxWidth = (100*(this.element.offsetWidth - eW) / this.element.offsetWidth); 
+                    if (maxWidth < 100) {
+                        this.maxWidth = `${maxWidth}%`;
+                    }
 
                     AtomBinder.refreshValue(this, "duration");
                 }}