Refactor video playback logic to simplify conditions for active slides

This commit is contained in:
CodeDevMLH
2026-02-13 03:40:23 +01:00
parent 9663ab78d2
commit ae54ab41a8

View File

@@ -1743,14 +1743,15 @@ const SlideCreator = {
const isVideoPlayerOpen = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer'); 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') && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
const currentIndex = STATE.slideshow.currentSlideIndex; // MARK: mark
const currentItemId = STATE.slideshow.itemIds[currentIndex]; // const currentIndex = STATE.slideshow.currentSlideIndex;
if (currentItemId !== itemId) { // const currentItemId = STATE.slideshow.itemIds[currentIndex];
console.log(`Slide ${itemId} is no longer active (current: ${currentItemId}), aborting playback.`); // if (currentItemId !== itemId) {
event.target.mute(); // Mute just in case // console.log(`Slide ${itemId} is no longer active (current: ${currentItemId}), aborting playback.`);
return; // event.target.mute(); // Mute just in case
} // return;
event.target.playVideo(); // }
event.target.playVideo();
// Check if it actually started playing after a short delay (handling autoplay blocks) // Check if it actually started playing after a short delay (handling autoplay blocks)
const timeoutId = setTimeout(() => { const timeoutId = setTimeout(() => {
@@ -1826,10 +1827,13 @@ const SlideCreator = {
backdrop.addEventListener('play', (event) => { backdrop.addEventListener('play', (event) => {
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`); const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
const currentIndex = STATE.slideshow.currentSlideIndex; // MARK: mark
const currentItemId = STATE.slideshow.itemIds[currentIndex]; // const currentIndex = STATE.slideshow.currentSlideIndex;
// const currentItemId = STATE.slideshow.itemIds[currentIndex];
if (!slide || !slide.classList.contains('active') || currentItemId !== itemId) { // if (!slide || !slide.classList.contains('active') || currentItemId !== itemId) {
if (!slide || !slide.classList.contains('active')) {
console.log(`Local video ${itemId} started playing but is not active, pausing.`); console.log(`Local video ${itemId} started playing but is not active, pausing.`);
event.target.pause(); event.target.pause();
event.target.currentTime = 0; event.target.currentTime = 0;