Bump version to 1.8.1.5

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

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -112,6 +112,7 @@ const STATE = {
     customTrailerUrls: {},
     ytPromise: null,
     autoplayTimeouts: [],
+    playSignals: {},
   },
 };
 
@@ -398,6 +399,7 @@ const resetSlideshowState = () => {
   STATE.slideshow.customTrailerUrls = {};
   STATE.slideshow.totalItems = 0;
   STATE.slideshow.isLoading = false;
+  STATE.slideshow.playSignals = {};
 };
 
 /**
@@ -1879,11 +1881,11 @@ const SlideCreator = {
                     event.target.setPlaybackQuality(quality);
                   }
 
-                  // Only play if this is the active slide
+                  // Only play if this is the active slide and the play signal has been issued (delay finished)
                   const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
                   const isVideoPlayerOpen = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
 
-                  if (slide && slide.classList.contains('active') && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
+                  if (slide && slide.classList.contains('active') && STATE.slideshow.playSignals[itemId] === true && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
                     event.target.playVideo();
                     
                     // Check if it actually started playing after a short delay (handling autoplay blocks)
@@ -2481,6 +2483,7 @@ const SlideshowManager = {
 
       void currentSlide.offsetWidth;
       currentSlide.classList.add("active");
+      STATE.slideshow.playSignals[currentItemId] = false;
 
       // Manage Video Playback: Stop others, Play current
       // 1. Stop all other YouTube players and local video elements, release connections
@@ -2582,6 +2585,8 @@ const SlideshowManager = {
         const playVideoLogic = () => {
           if (!currentSlide.classList.contains('active')) return;
           
+          STATE.slideshow.playSignals[currentItemId] = true;
+
           if (videoBackdrop.tagName === 'VIDEO') {
             videoBackdrop.play().catch(e => {
               if (!STATE.slideshow.isMuted) {

manifest.json

@@ -9,7 +9,7 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.8.1.4",
+        "version": "1.8.1.5",
         "changelog": "- fix pagination dot issue on mobile when showing more than 10 dots (should now dynamically adjust the max dots threshold based on screen size)\n- add option to delay trailer playback\n- add option to limit the plot width",
         "targetAbi": "10.11.0.0",
         "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.8.1.4/Jellyfin.Plugin.MediaBarEnhanced.zip",