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