diff --git a/src/components/marquee/Marquee.astro b/src/components/marquee/Marquee.astro index 6d2c9d8..6d00a6a 100644 --- a/src/components/marquee/Marquee.astro +++ b/src/components/marquee/Marquee.astro @@ -68,11 +68,11 @@ const videos = [ window.addEventListener("load", autoplayInit, false); const videos = document.getElementsByClassName("marquee-item-content") as HTMLCollectionOf; let currentVideoIndex = 0; - let currentVideo = null; + let currentVideo: HTMLVideoElement | null = null; function autoplayInit() { setActiveVideo(0); - currentVideo.play(); + currentVideo!.play(); } function setActiveVideo(index: number) { @@ -115,7 +115,9 @@ const videos = [ video.addEventListener("ended", () => { console.log("video ended", "duration", video.duration, "ctime", video.currentTime); // The "ended" event might just mean its buffering. - if (video == currentVideo && video.duration !== 0 && video.currentTime === video.duration) nextVideo(); + if (video == currentVideo && video.duration !== 0 && video.currentTime === video.duration) { + offsetCarousel(1); + } }); }