Refactor video playback logic to simplify conditions for active slides
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user