diff --git a/app/src/components/VideoScroll.vue b/app/src/components/VideoScroll.vue index 9bc5850..511366b 100644 --- a/app/src/components/VideoScroll.vue +++ b/app/src/components/VideoScroll.vue @@ -73,8 +73,14 @@ export default defineComponent({ if (!element.src) { console.debug(`[VIDEOSCROLL] Intersected, loading ${element.dataset.src}`); element.src = element.dataset.src!; + const grayTimeout = setTimeout(() => { + element.classList.add("visible"); + element.style.background = "grey"; + }, 3000); element.onload = () => { - element.classList.add("loaded"); + clearTimeout(grayTimeout); + element.classList.add("visible"); + element.style.background = "none"; if (this.isHorizontal) { element.style.height = "auto"; } else { @@ -119,7 +125,7 @@ export interface VideoScrollDef { transition: opacity .5s; } -.loaded { +.visible { opacity: 1 !important; }