Update manifest.json for release v1.7.0.10 [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.7.0.6</Version>
+    <Version>1.7.0.10</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -163,6 +163,14 @@ const isUserLoggedIn = () => {
   }
 };
 
+/**
+ * Detects if the current device is a low-power device (Smart TVs, etc.)
+ * @returns {boolean} True if running on a low-power device
+ */
+const isLowPowerDevice = () => {
+  return /webOS|LG Browser|SMART-TV|SmartTV|Tizen|Viera|NetCast|Roku|VIDAA/i.test(navigator.userAgent);
+};
+
 /**
  * Initializes Jellyfin data from ApiClient
  * @param {Function} callback - Function to call once data is initialized
@@ -734,17 +742,20 @@ const SlideUtils = {
     }
 
     if (isYoutube && videoId) {
-      const playerDiv = this.createElement('div', { id: 'modal-yt-player' });
+      const ytIframe = this.createElement('iframe', {
-      contentContainer.appendChild(playerDiv);
+        id: 'modal-yt-player',
+        src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`,
+        allow: 'autoplay; encrypted-media',
+        style: 'width: 100%; height: 100%; border: none;',
+      });
+      ytIframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
+
+      contentContainer.appendChild(ytIframe);
       overlay.append(closeButton, contentContainer);
       document.body.appendChild(overlay);
 
       this.loadYouTubeIframeAPI().then(() => {
-        new YT.Player('modal-yt-player', {
+        new YT.Player(ytIframe, {
-          height: '100%',
-          width: '100%',
-          videoId: videoId,
-          host: 'https://www.youtube-nocookie.com',
           playerVars: {
             autoplay: 1,
             controls: 1,
@@ -753,14 +764,6 @@ const SlideUtils = {
             playsinline: 1,
             origin: window.location.origin,
             enablejsapi: 1
-          },
-          events: {
-            'onReady': (event) => {
-              const iframe = event.target.getIframe();
-              if (iframe) {
-                iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
-              }
-            }
           }
         });
       });
@@ -1403,8 +1406,6 @@ const ApiUtils = {
 
             return {
                 id: trailer.Id,
-                // static=true forces Jellyfin to direct-stream (no transcoding) which enables
-                // HTTP Range Requests (Accept-Ranges: bytes) — required by Safari for video playback
                 url: `${STATE.jellyfinData.serverAddress}/Videos/${trailer.Id}/stream.mp4?mediaSourceId=${mediaSourceId}&api_key=${STATE.jellyfinData.accessToken}&static=true`
             };
         }
@@ -1444,7 +1445,7 @@ const ApiUtils = {
 
                return {
                    id: video.Id,
-                   url: `${STATE.jellyfinData.serverAddress}/Videos/${video.Id}/stream.mp4?api_key=${STATE.jellyfinData.accessToken}`
+                   url: `${STATE.jellyfinData.serverAddress}/Videos/${video.Id}/stream.mp4?api_key=${STATE.jellyfinData.accessToken}&static=true`
                };
            }
       }
@@ -1670,7 +1671,7 @@ const SlideCreator = {
           
           trailerUrl = {
               id: videoId,
-              url: `${STATE.jellyfinData.serverAddress}/Videos/${videoId}/stream.mp4?api_key=${STATE.jellyfinData.accessToken}`
+              url: `${STATE.jellyfinData.serverAddress}/Videos/${videoId}/stream.mp4?api_key=${STATE.jellyfinData.accessToken}&static=true`
           };
       } else {
           // Assume it's a standard URL (YouTube, etc.)
@@ -1698,7 +1699,7 @@ const SlideCreator = {
          console.log(`Using local trailer fallback for ${itemId}: ${trailerUrl}`);
     }
 
-    const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    const isMobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
     
     // Client Setting Overrides
     const enableVideo = MediaBarEnhancedSettingsManager.getSetting('videoBackdrops', CONFIG.enableVideoBackdrop);
@@ -1728,7 +1729,12 @@ const SlideCreator = {
         console.warn("Invalid trailer URL:", trailerUrl);
       }
 
-      if (isYoutube && videoId) {
+      const isLowPower = isLowPowerDevice();
+      const itemIndex = STATE.slideshow.itemIds ? STATE.slideshow.itemIds.indexOf(itemId) : -1;
+      const isActiveSlide = itemIndex !== -1 && itemIndex === STATE.slideshow.currentSlideIndex;
+      const shouldCreateVideo = !isLowPower || isActiveSlide;
+
+      if (isYoutube && videoId && shouldCreateVideo) {
         isVideo = true;
         // Create container for YouTube API
         const videoClass = CONFIG.fullWidthVideo ? "video-backdrop-full" : "video-backdrop-default";
@@ -1736,278 +1742,151 @@ const SlideCreator = {
         // Create a wrapper for opacity transition
         videoBackdrop = SlideUtils.createElement("div", {
             className: `backdrop video-backdrop ${videoClass}`,
-            style: "opacity: 0; transition: opacity 1.2s ease-in-out;"
+            style: "opacity: 0; transition: opacity 1.2s ease-in-out;" // Start interrupted/transparent
         });
 
-        // Detect Safari/WebKit — the YouTube IFrame API causes Error 153 on WebKit
+        // Create an iframe upfront
-        // due to cross-origin postMessage restrictions. Use a plain iframe embed instead.
+        const ytPlayerIframe = SlideUtils.createElement("iframe", {
-        const isSafariWebKit = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent) && !/Chromium/.test(navigator.userAgent);
+          id: `youtube-player-${itemId}`,
+          src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`,
+          style: "width: 100%; height: 100%; border: none;",
+          allow: "autoplay; encrypted-media",
+          referrerpolicy: "strict-origin-when-cross-origin"
+        });
+        
+        videoBackdrop.appendChild(ytPlayerIframe);
 
-        if (isSafariWebKit) {
+        // Initialize YouTube Player
-          // ── Safari: plain iframe embed ───────────────────────────────────────────
+        SlideUtils.loadYouTubeIframeAPI().then(() => {
-          // Fetch SponsorBlock data and apply as URL params (start= / end=)
+          // Fetch SponsorBlock data
           ApiUtils.fetchSponsorBlockData(videoId).then(segments => {
-            let startParam = '';
+            const playerVars = {
-            let endParam = '';
+              autoplay: 0,
+              mute: STATE.slideshow.isMuted ? 1 : 0,
+              controls: 0,
+              disablekb: 1,
+              fs: 0,
+              iv_load_policy: 3,
+              rel: 0,
+              loop: 0,
+              playsinline: 1,
+              origin: window.location.origin,
+              enablejsapi: 1
+            };
+
+            // Determine video quality
+            let quality = 'hd1080';
+            if (CONFIG.preferredVideoQuality === 'Maximum') {
+              quality = 'highres';
+            } else if (CONFIG.preferredVideoQuality === '720p') {
+              quality = 'hd720';
+            } else if (CONFIG.preferredVideoQuality === '1080p') {
+              quality = 'hd1080';
+            } else { // Auto or fallback
+              // If screen is wider than 1920, prefer highres, otherwise 1080p
+              quality = window.screen.width > 1920 ? 'highres' : 'hd1080';
+            }
+
+            playerVars.suggestedQuality = quality;
+
+            // Apply SponsorBlock start/end times
             if (segments.intro) {
-              startParam = `&start=${Math.ceil(segments.intro[1])}`;
+              playerVars.start = Math.ceil(segments.intro[1]);
-              console.info(`SponsorBlock (Safari) intro skip: starting at ${Math.ceil(segments.intro[1])}s`);
+              console.info(`SponsorBlock intro detected for video ${videoId}: skipping to ${playerVars.start}s`);
             }
             if (segments.outro) {
-              endParam = `&end=${Math.floor(segments.outro[0])}`;
+              playerVars.end = Math.floor(segments.outro[0]);
-              console.info(`SponsorBlock (Safari) outro skip: ending at ${Math.floor(segments.outro[0])}s`);
+              console.info(`SponsorBlock outro detected for video ${videoId}: ending at ${playerVars.end}s`);
             }
 
-            // enablejsapi=1 needed for postMessage commands — does NOT trigger IFrame API handshake
+            STATE.slideshow.videoPlayers[itemId] = new YT.Player(ytPlayerIframe, {
-            const embedUrl = `https://www.youtube-nocookie.com/embed/${videoId}?autoplay=1&mute=1&controls=0&playsinline=1&rel=0&iv_load_policy=3&enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}${startParam}${endParam}`;
+              playerVars: playerVars,
+              events: {
+                'onReady': (event) => {
+                  // Store start/end time and videoId for later use
+                  event.target._startTime = playerVars.start || 0;
+                  event.target._endTime = playerVars.end || undefined;
+                  event.target._videoId = videoId;
+                  
+                  // Store reference to wrapper for fading
+                  event.target._wrapperDiv = videoBackdrop;
 
-            const ytIframe = document.createElement('iframe');
+                  if (STATE.slideshow.isMuted) {
-            ytIframe.style.cssText = 'width:100%;height:100%;border:0;pointer-events:none;';
+                    event.target.mute();
-            ytIframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
+                  } else {
-            ytIframe.setAttribute('allowfullscreen', '');
+                    event.target.unMute();
-            ytIframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
+                    event.target.setVolume(40);
-            ytIframe.src = embedUrl;
+                  }
-            videoBackdrop.appendChild(ytIframe);
 
-            // Show immediately — no onStateChange available for plain iframes
+                  if (typeof event.target.setPlaybackQuality === 'function') {
-            videoBackdrop.style.opacity = '1';
+                    event.target.setPlaybackQuality(quality);
+                  }
 
-            // Helper: send postMessage command to the iframe player
+                  // Only play if this is the active slide
-            const ytCmd = (func, args = []) => {
+                  const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
-              try {
+                  const isVideoPlayerOpen = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
-                ytIframe.contentWindow?.postMessage(
-                  JSON.stringify({ event: 'command', func, args }),
-                  'https://www.youtube-nocookie.com'
-                );
-              } catch(e) { /* cross-origin access may fail on some iOS versions */ }
-            };
 
-            // YouTube won't send onStateChange events unless we explicitly subscribe.
+                  if (slide && slide.classList.contains('active') && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
-            // The IFrame API does this automatically; we must do it manually for plain iframes.
+                    event.target.playVideo();
-            const subscribeToYtEvents = () => {
+                    
-              try {
+                    // Check if it actually started playing after a short delay (handling autoplay blocks)
-                // Step 1: Announce we're listening
+                    const timeoutId = setTimeout(() => {
-                ytIframe.contentWindow?.postMessage(
+                      // Re-check conditions before processing fallback
-                  JSON.stringify({ event: 'listening' }),
+                      const isVideoPlayerOpenNow = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
-                  'https://www.youtube-nocookie.com'
+                      if (document.hidden || (isVideoPlayerOpenNow && !isVideoPlayerOpenNow.classList.contains('hide')) || !slide.classList.contains('active')) {
-                );
+                          console.log(`Navigation detected during autoplay check for ${itemId}, stopping video.`);
-                // Step 2: Subscribe to state change events
+                          try {
-                ytIframe.contentWindow?.postMessage(
+                            event.target.stopVideo();
-                  JSON.stringify({ event: 'command', func: 'addEventListener', args: ['onStateChange'] }),
+                          } catch (e) { console.warn("Error stopping video in timeout:", e); }
-                  'https://www.youtube-nocookie.com'
+                          return;
-                );
+                      }
-              } catch(e) {}
-            };
 
-            // Subscribe when iframe has finished loading
+                      if (event.target.getPlayerState() !== YT.PlayerState.PLAYING &&
-            ytIframe.addEventListener('load', subscribeToYtEvents);
+                        event.target.getPlayerState() !== YT.PlayerState.BUFFERING) {
+                        console.warn(`Autoplay blocked for ${itemId}, attempting muted fallback`);
+                        event.target.mute();
+                        event.target.playVideo();
+                      }
+                    }, 1000);
 
-            // Listen for YouTube state changes (video ended → advance slide)
+                    if (!STATE.slideshow.autoplayTimeouts) STATE.slideshow.autoplayTimeouts = [];
-            const handleYtMessage = (event) => {
+                    STATE.slideshow.autoplayTimeouts.push(timeoutId);
-              if (!event.origin.includes('youtube')) return;
-              try {
-                const data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;
 
-                // Player is ready — re-subscribe in case the first attempt was too early
+                    // Pause slideshow timer when video starts if configured
-                if (data.event === 'onReady') {
+                    if (CONFIG.waitForTrailerToEnd && STATE.slideshow.slideInterval) {
-                  subscribeToYtEvents();
+                      STATE.slideshow.slideInterval.stop();
-                }
+                    }
-
+                  }
-                if (data.event === 'onStateChange') {
+                },
-                  console.log(`🍎 Safari YT state: ${data.info} for ${itemId}`);
+                'onStateChange': (event) => {
-                  if (data.info === 0) { // 0 = ENDED
+                  // Fade in when playing
+                  if (event.data === YT.PlayerState.PLAYING) {
+                      if (event.target._wrapperDiv) {
+                          event.target._wrapperDiv.style.opacity = "1";
+                      }
+                  }
+                  
+                  if (event.data === YT.PlayerState.ENDED) {
                     const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
                     if (slide && slide.classList.contains('active')) {
                       SlideshowManager.nextSlide();
                     }
                   }
-                }
+                },
-              } catch(e) {}
+                'onError': (event) => {
-            };
+                  console.warn(`YouTube player error ${event.data} for video ${videoId}`);
-            window.addEventListener('message', handleYtMessage);
+                  // Fallback to next slide on error
-
+                  if (CONFIG.waitForTrailerToEnd) {
-            // Create a postMessage-based stub compatible with all slide management code
+                    SlideshowManager.nextSlide();
-            // Key: we NEVER clear ytIframe.src — that would break the YouTube session and cause Error 153.
-            // Instead we use postMessage pause/play/seek to control playback state.
-            STATE.slideshow.videoPlayers[itemId] = {
-              _isSafariIframe: true,
-              _iframe: ytIframe,
-              _videoId: videoId,
-              _embedUrl: embedUrl,
-              _msgHandler: handleYtMessage,
-              pauseVideo()         { ytCmd('pauseVideo'); },
-              stopVideo()          { ytCmd('pauseVideo'); ytCmd('seekTo', [0, true]); },
-              playVideo()          { ytCmd('playVideo'); },
-              mute()               { ytCmd('mute'); },
-              unMute()             { ytCmd('unMute'); },
-              setVolume(v)         { ytCmd('setVolume', [v]); },
-              getIframe()          { return ytIframe; },
-              getPlayerState()     { return 1; }, // approximate: avoids triggering fallback timeouts
-              loadVideoById({ videoId: vid, startSeconds = 0 }) {
-                if (vid === this._videoId) {
-                  // Same video — seek to start and resume. NEVER change src (would cause Error 153).
-                  ytCmd('seekTo', [startSeconds, true]);
-                  ytCmd('playVideo');
-                } else {
-                  // Different video — need a fresh embed URL
-                  const url = `https://www.youtube-nocookie.com/embed/${vid}?autoplay=1&mute=1&controls=0&playsinline=1&rel=0&iv_load_policy=3&enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`;
-                  ytIframe.src = url;
-                  this._videoId = vid;
-                  this._embedUrl = url;
-                }
-              },
-              destroy() {
-                window.removeEventListener('message', this._msgHandler);
-                ytIframe.remove();
-              }
-            };
-
-            console.log(`🍎 Safari detected — using plain iframe embed for YouTube video ${videoId}`);
-          });
-
-        } else {
-          // ── Non-Safari: YouTube IFrame API ──────────────────────────────────────
-          const ytPlayerDiv = SlideUtils.createElement("div", {
-            id: `youtube-player-${itemId}`,
-            style: "width: 100%; height: 100%;"
-          });
-
-          videoBackdrop.appendChild(ytPlayerDiv);
-
-          SlideUtils.loadYouTubeIframeAPI().then(() => {
-            ApiUtils.fetchSponsorBlockData(videoId).then(segments => {
-              const playerVars = {
-                autoplay: 1,
-                mute: 1, // need to be muted for Safari, because apple makes life difficult...
-                controls: 0,
-                disablekb: 1,
-                fs: 0,
-                iv_load_policy: 3,
-                rel: 0,
-                loop: 0,
-                playsinline: 1,
-                origin: window.location.origin,
-                enablejsapi: 1
-              };
-
-              // Determine video quality
-              let quality = 'hd1080';
-              if (CONFIG.preferredVideoQuality === 'Maximum') {
-                quality = 'highres';
-              } else if (CONFIG.preferredVideoQuality === '720p') {
-                quality = 'hd720';
-              } else if (CONFIG.preferredVideoQuality === '1080p') {
-                quality = 'hd1080';
-              } else {
-                quality = window.screen.width > 1920 ? 'highres' : 'hd1080';
-              }
-
-              playerVars.suggestedQuality = quality;
-
-              // Apply SponsorBlock start/end times
-              if (segments.intro) {
-                playerVars.start = Math.ceil(segments.intro[1]);
-                console.info(`SponsorBlock intro detected for video ${videoId}: skipping to ${playerVars.start}s`);
-              }
-              if (segments.outro) {
-                playerVars.end = Math.floor(segments.outro[0]);
-                console.info(`SponsorBlock outro detected for video ${videoId}: ending at ${playerVars.end}s`);
-              }
-
-              STATE.slideshow.videoPlayers[itemId] = new YT.Player(`youtube-player-${itemId}`, {
-                height: '100%',
-                width: '100%',
-                videoId: videoId,
-                host: 'https://www.youtube-nocookie.com',
-                playerVars: playerVars,
-                events: {
-                  'onReady': (event) => {
-                    const iframe = event.target.getIframe();
-                    if (iframe) {
-                      iframe.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');
-                      // Full allow attribute matching what YouTube sets on their own embed pages
-                      iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
-                    }
-
-                    // Store start/end time and videoId for later use
-                    event.target._startTime = playerVars.start || 0;
-                    event.target._endTime = playerVars.end || undefined;
-                    event.target._videoId = videoId;
-
-                    // Store reference to wrapper for fading
-                    event.target._wrapperDiv = videoBackdrop;
-
-                    // Unmute now if user wants sound.
-                    if (!STATE.slideshow.isMuted) {
-                      event.target.unMute();
-                      event.target.setVolume(40);
-                    }
-
-                    if (typeof event.target.setPlaybackQuality === 'function') {
-                      event.target.setPlaybackQuality(quality);
-                    }
-
-                    // Stop playback if slide was navigated away from
-                    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'))) {
-                      event.target.stopVideo();
-                    } else {
-                      if (CONFIG.waitForTrailerToEnd && STATE.slideshow.slideInterval) {
-                        STATE.slideshow.slideInterval.stop();
-                      }
-
-                      const timeoutId = setTimeout(() => {
-                        const isVideoPlayerOpenNow = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
-                        if (document.hidden || (isVideoPlayerOpenNow && !isVideoPlayerOpenNow.classList.contains('hide')) || !slide.classList.contains('active')) {
-                          console.log(`Navigation detected during autoplay check for ${itemId}, stopping video.`);
-                          try {
-                            event.target.stopVideo();
-                          } catch (e) { console.warn("Error stopping video:", e); }
-                          return;
-                        }
-
-                        const state = event.target.getPlayerState();
-                        if (state !== YT.PlayerState.PLAYING && state !== YT.PlayerState.BUFFERING) {
-                          console.warn(`Autoplay stalled for ${itemId}, attempting muted fallback`);
-                          event.target.mute();
-                          event.target.playVideo();
-                        }
-                      }, 1000);
-
-                      if (!STATE.slideshow.autoplayTimeouts) STATE.slideshow.autoplayTimeouts = [];
-                      STATE.slideshow.autoplayTimeouts.push(timeoutId);
-                    }
-                  },
-                  'onStateChange': (event) => {
-                    if (event.data === YT.PlayerState.PLAYING) {
-                        if (event.target._wrapperDiv) {
-                            event.target._wrapperDiv.style.opacity = "1";
-                        }
-                    }
-
-                    if (event.data === YT.PlayerState.ENDED) {
-                      const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
-                      if (slide && slide.classList.contains('active')) {
-                        SlideshowManager.nextSlide();
-                      }
-                    }
-                  },
-                  'onError': (event) => {
-                    console.warn(`YouTube player error ${event.data} for video ${videoId}`);
-                    if (CONFIG.waitForTrailerToEnd) {
-                      SlideshowManager.nextSlide();
-                    }
                   }
                 }
-              });
+              }
             });
           });
-        } // end non-Safari
+        });
 
         // 2. Check for local video trailers in MediaSources if yt is not available
-      } else if (!isYoutube) {
+      } else if (!isYoutube && shouldCreateVideo) {
         isVideo = true;
 
         const videoSrc = (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl);
@@ -2020,7 +1899,6 @@ const SlideCreator = {
         };
 
         videoAttributes.muted = "";
-        videoAttributes.playsinline = ""; // again Safari needs extra treatment...
 
         videoBackdrop = SlideUtils.createElement("video", videoAttributes);
         videoBackdrop.volume = 0.4;
@@ -2052,10 +1930,7 @@ const SlideCreator = {
         });
 
         videoBackdrop.addEventListener('error', (event) => {
-          const src = event.target.src || event.target.getAttribute('data-src') || 'unknown';
+          console.warn(`Local video error for item ${itemId}`);
-          const errCode = event.target.error ? event.target.error.code : 'n/a';
-          const errMsg = event.target.error ? event.target.error.message : 'n/a';
-          console.warn(`Local video error for item ${itemId} | code=${errCode} | msg=${errMsg} | url=${src}`);
           const slide = event.target.closest('.slide');
           if (slide && slide.classList.contains('active')) {
             SlideshowManager.nextSlide();
@@ -2594,65 +2469,48 @@ const SlideshowManager = {
         if (videoBackdrop.tagName === 'VIDEO') {
           // Restore src from data-src if it was deactivated to release connections
           const lazySrc = videoBackdrop.getAttribute('data-src');
-          const isFreshLoad = lazySrc && !videoBackdrop.src;
+          if (lazySrc && !videoBackdrop.src) {
+            videoBackdrop.src = lazySrc;
+          }
+
+          videoBackdrop.currentTime = 0;
 
           videoBackdrop.muted = STATE.slideshow.isMuted;
           if (!STATE.slideshow.isMuted) {
             videoBackdrop.volume = 0.4;
           }
 
-          const doPlay = () => {
+          videoBackdrop.play().catch(e => {
-            if (!currentSlide.classList.contains('active')) return;
+            // Check if it actually started playing after a short delay (handling autoplay blocks)
-            videoBackdrop.play().catch(e => {
+            setTimeout(() => {
-              setTimeout(() => {
+              if (videoBackdrop.paused && currentSlide.classList.contains('active')) {
-                if (videoBackdrop.paused && currentSlide.classList.contains('active')) {
+                console.warn(`Autoplay blocked for ${currentItemId}, attempting muted fallback`);
-                  console.warn(`Autoplay blocked for ${currentItemId}, attempting muted fallback`);
+                videoBackdrop.muted = true;
-                  videoBackdrop.muted = true;
+                videoBackdrop.play().catch(err => console.error("Muted fallback failed", err));
-                  videoBackdrop.play().catch(err => console.error("Muted fallback failed", err));
+              }
-                }
+            }, 1000);
-              }, 1000);
+          });
-            });
-          };
-
-          if (isFreshLoad) {
-            // Safari: set src, then wait for loadedmetadata before seeking/playing
-            videoBackdrop.src = lazySrc;
-            videoBackdrop.load();
-            videoBackdrop.addEventListener('loadedmetadata', () => {
-              videoBackdrop.currentTime = 0;
-              doPlay();
-            }, { once: true });
-          } else {
-            // src already set (e.g. paused slide resuming)
-            videoBackdrop.currentTime = 0;
-            doPlay();
-          }
         } else if (STATE.slideshow.videoPlayers && STATE.slideshow.videoPlayers[currentItemId]) {
           const player = STATE.slideshow.videoPlayers[currentItemId];
           if (player && typeof player.loadVideoById === 'function' && player._videoId) {
             // Use loadVideoById to enforce start and end times
-            // load always starts muted first, then unmute if needed
             player.loadVideoById({
               videoId: player._videoId,
               startSeconds: player._startTime || 0,
               endSeconds: player._endTime
             });
-            player.mute();
+
-            if (!STATE.slideshow.isMuted) {
+            if (STATE.slideshow.isMuted) {
-              setTimeout(() => {
+              player.mute();
-                // Only unmute if still on the same slide
+            } else {
-                if (currentSlide.classList.contains('active')) {
+              player.unMute();
-                  player.unMute();
+              player.setVolume(40);
-                  player.setVolume(40);
-                }
-              }, 600);
             }
 
             // Check if playback successfully started, otherwise fallback to muted
-            // (Only for real YT.Player instances — Safari stub's getPlayerState() always returns 1)
             setTimeout(() => {
               if (!currentSlide.classList.contains('active')) return;
-              if (player.getPlayerState && typeof YT !== 'undefined' &&
+              if (player.getPlayerState &&
                 player.getPlayerState() !== YT.PlayerState.PLAYING &&
                 player.getPlayerState() !== YT.PlayerState.BUFFERING) {
                 console.log("YouTube loadVideoById didn't start playback, retrying muted...");
@@ -2720,7 +2578,7 @@ const SlideshowManager = {
         STATE.slideshow.isTransitioning = false;
 
         if (previousVisibleSlide) {
-          const enableAnimations = MediaBarEnhancedSettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
+          const enableAnimations = MediaBarEnhancedSettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled) && !isLowPowerDevice();
           if (enableAnimations) {
             const prevBackdrop = previousVisibleSlide.querySelector(".backdrop");
             const prevLogo = previousVisibleSlide.querySelector(".logo");
@@ -2761,7 +2619,9 @@ const SlideshowManager = {
    */
   async preloadAdjacentSlides(currentIndex) {
     const totalItems = STATE.slideshow.totalItems;
-    const preloadCount = Math.min(Math.max(CONFIG.preloadCount || 1, 1), 5);
+    let preloadCount = Math.min(Math.max(CONFIG.preloadCount || 1, 1), 5);
+    if (isLowPowerDevice()) preloadCount = 1; // Strict limit for TVs
+    
     const preloadedIds = new Set();
 
     // Preload next slides

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.7.0.6",
+        "version": "1.7.0.10",
         "changelog": "- Add YouTube no-cookie host and referrer policy for iframe security to fix playback issues on iOS/MacOS",
         "targetAbi": "10.11.0.0",
-        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.0.6/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.0.10/Jellyfin.Plugin.MediaBarEnhanced.zip",
-        "checksum": "58cb845a803a209362acbc01acc7dacc",
+        "checksum": "054793363c988cfd1dce37876a0e800f",
-        "timestamp": "2026-03-06T00:25:03Z"
+        "timestamp": "2026-03-06T02:02:52Z"
       },
       {
         "version": "1.6.6.4",