quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

reset main page video when going out of frame

Browse source
This commit is contained in:
outfoxxed 2024-11-08 18:14:44 -08:00
parent e804c7c39c
commit 5e253ef331
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/marquee/Marquee.astro
View file

@ -67,19 +67,20 @@ const videos = [
const intersectionOptions = { const intersectionOptions = {
root: marquee, root: marquee,
rootMargin: "0px", rootMargin: "0px",
threshold: 1.0, threshold: 0.0,
}; };
const observer = new IntersectionObserver((entries) => { const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => { entries.forEach((entry) => {
const video = entry.target as HTMLVideoElement;
if (!entry.isIntersecting) { if (!entry.isIntersecting) {
//@ts-expect-error video.pause();
entry.target.pause(); video.removeAttribute("autoplay")
entry.target.removeAttribute("autoplay") video.removeAttribute("data-active")
entry.target.removeAttribute("data-active") video.currentTime = 0;
} else { } else {
//@ts-expect-error video.play();
entry.target.play(); video.setAttribute("data-active","")
entry.target.setAttribute("data-active","")
} }
}); });
},intersectionOptions); },intersectionOptions);