Update manifest.json for release v1.5.0.13 [skip ci]

Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Media Bar Enhanced Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.5.0.12</Version>
+    <Version>1.5.0.13</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -1699,13 +1699,16 @@ const SlideCreator = {
                   const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
                   const videoContainer = slide ? slide.querySelector('.video-container') : null;
 
-                  if (event.data === YT.PlayerState.PLAYING) {
+                  if (event.data === YT.PlayerState.PLAYING || event.data === YT.PlayerState.BUFFERING) {
                       if (videoContainer) videoContainer.classList.add('active');
                   } else {
-                      if (videoContainer) videoContainer.classList.remove('active');
+                      if (videoContainer && event.data !== YT.PlayerState.BUFFERING) {
+                           videoContainer.classList.remove('active');
+                      }
                   }
 
                   if (event.data === YT.PlayerState.ENDED) {
+                    if (videoContainer) videoContainer.classList.remove('active');
                     if (CONFIG.waitForTrailerToEnd) {
                       SlideshowManager.nextSlide();
                     } else {
@@ -1714,6 +1717,7 @@ const SlideCreator = {
                   }
                 },
                 'onError': () => {
+                  if (videoContainer) videoContainer.classList.remove('active');
                   // Fallback to next slide on error
                   if (CONFIG.waitForTrailerToEnd) {
                     SlideshowManager.nextSlide();
@@ -1780,9 +1784,13 @@ const SlideCreator = {
             isVideo = false;
             hasUpstreamVideo = true;
 
-            backdrop.addEventListener('play', () => videoContainer.classList.add('active'));
-            backdrop.addEventListener('pause', () => videoContainer.classList.remove('active'));
-            backdrop.addEventListener('ended', () => videoContainer.classList.remove('active'));
+            // Use requestAnimationFrame to ensure listeners attach and class adds correctly
+            requestAnimationFrame(() => {
+                backdrop.addEventListener('play', () => videoContainer.classList.add('active'));
+                backdrop.addEventListener('playing', () => videoContainer.classList.add('active'));
+                backdrop.addEventListener('pause', () => videoContainer.classList.remove('active'));
+                backdrop.addEventListener('ended', () => videoContainer.classList.remove('active'));
+            });
         }
       }
     }

manifest.json

@@ -9,12 +9,12 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.5.0.12",
+        "version": "1.5.0.13",
         "changelog": "- fix: keyboard controls in TV mode\n- Add sorting options for content\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 4.0.1 from original repo",
         "targetAbi": "10.11.0.0",
-        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.12/Jellyfin.Plugin.MediaBarEnhanced.zip",
-        "checksum": "f43d2193b1da2bd319668c73ab7a19ee",
-        "timestamp": "2026-02-09T15:10:06Z"
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.13/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "checksum": "edde0c6d9a681c08ed5b7c8816840858",
+        "timestamp": "2026-02-09T15:21:44Z"
       },
       {
         "version": "1.3.0.3",