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.11</Version>
+    <Version>1.5.0.13</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -371,7 +371,11 @@
 .video-container.active {
   opacity: 1;
   pointer-events: auto;
-  width: 100% !important; /* Force width when active, matching upstream logic behavior */
+}
+
+.video-player {
+    width: 100%;
+    height: 100%;
 }
 
 /* Ensure video inside container fills it */
@@ -418,6 +422,10 @@
   object-position: center 20%;
   border-radius: 5px;
   z-index: 3;
+  transition:
+    width 0.5s ease-in-out,
+    mask-image 0.5s ease-in-out,
+    -webkit-mask-image 0.5s ease-in-out;
   mask-image: linear-gradient(to top,
       #fff0 2%,
       rgb(0 0 0 / 0.5) 6%,

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.11",
+        "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.11/Jellyfin.Plugin.MediaBarEnhanced.zip",
-        "checksum": "2cda99e64a771dfd53d640daccd84a39",
-        "timestamp": "2026-02-09T14:56:04Z"
+        "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",