@grfzhl/vue-hls-player 1.1.27 → 1.1.28

package/README.md

@@ -207,6 +207,9 @@ At the moment the following attribute are supported:
 ```
 
 ### Last release:
+v1.1.28
+  - Always render the subtitle overlay container regardless of fullscreen or transcript state.
+  - Clear subtitle overlay text when no text track is actively showing.
 v1.1.27
   - Expose BasePlayer fullscreen control through wrapper components.
   - Add support for forced fullscreen re-entry from parent integrations.

package/dist/VideoPlayer/BasePlayer.vue

@@ -63,7 +63,7 @@
           </media-fullscreen-button>
         </media-control-bar>
       </media-theme-sutro>
-      <div class="custom-subtitles" v-show="(isFullscreen) || (!showTranscriptBlock)">
+      <div class="custom-subtitles" v-show="isFullscreen">
         <div class="subtitle-text" ref="subtitlesContainer" style="display: none;"></div>
       </div>
       <slot name="after-media"></slot>
@@ -826,7 +826,15 @@ function prepareVideoPlayer(link, { previewOnly = false } = {}) {
   video.value.muted = props.isMuted;
   video.value.currentTime = props.progress;
   // Chrome-like: update menu whenever track mode changes
-  video.value.textTracks.addEventListener('change', updateLangMenuState);
+  video.value.textTracks.addEventListener('change', () => {
+    updateLangMenuState();
+    // Clear the subtitle overlay when no track is actively showing.
+    const anyShowing = Array.from(video.value.textTracks || []).some(t => t.mode === 'showing');
+    if (!anyShowing && subtitlesContainer.value) {
+      subtitlesContainer.value.style.display = 'none';
+      subtitlesContainer.value.textContent = '';
+    }
+  });
 }
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@grfzhl/vue-hls-player",
   "private": false,
-  "version": "1.1.27",
+  "version": "1.1.28",
   "type": "module",
   "files": [
     "dist"