feat: add video playback support in lightbox and photo grid

- Lightbox renders <video> with controls for video assets
- PhotoGrid shows video indicator overlay on video thumbnails
- Skip video preloading in lightbox (streams on demand)
- Add video-related CSS styles
- Update catch-all page to pass video URLs to components
This commit is contained in:
ralksta
2026-05-29 17:05:12 +02:00
parent e9063d3a71
commit 5dffadbe3c
5 changed files with 81 additions and 21 deletions

View File

@@ -846,10 +846,19 @@
letter-spacing: 0.02em;
}
.album-header__description {
margin-top: 12px;
font-size: 1rem;
color: var(--text-secondary);
font-weight: 300;
line-height: 1.6;
max-width: 640px;
}
.album-header__meta {
margin-top: 8px;
font-size: 0.9rem;
color: var(--text-secondary);
color: var(--text-muted);
font-weight: 300;
}
@@ -1005,6 +1014,27 @@
opacity: 1;
}
.photo-grid__item-play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.photo-grid__item-play svg {
width: 48px;
height: 48px;
color: white;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
transition: transform var(--transition-fast);
}
.photo-grid__item:hover .photo-grid__item-play svg {
transform: scale(1.1);
}
/* ── Loading States ───────────────────────────────── */
.skeleton {
background: linear-gradient(