astral/erika
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: consolidate background video elements using media-specific source tags

Browse Source
This commit is contained in:
gunshiz
2026-06-28 22:43:34 +07:00 Unverified
parent 41d4e6b8f8
commit 1d6b002360
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+3 -5
View File
@@ -45,11 +45,9 @@ export default async function Home() {
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
<video className="fixed top-0 left-0 w-full h-full -z-10 object-cover hidden md:block" autoPlay muted loop playsInline>
<source src="https://cdn.gunshiz.top/erika.mp4"></source>
</video>
<video className="fixed top-0 left-0 w-full h-full -z-10 object-cover md:hidden" autoPlay muted loop playsInline>
<source src="https://cdn.gunshiz.top/erika-mb.mp4"></source>
<video className="fixed top-0 left-0 w-full h-full -z-10 object-cover" autoPlay muted loop playsInline>
<source src="https://cdn.gunshiz.top/erika.mp4" media="(min-width: 768px)"></source>
<source src="https://cdn.gunshiz.top/erika-mb.mp4" media="(max-width: 767px)"></source>
</video>
<Card className="w-full max-w-sm overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border md:max-w-lg" role="article">
<CardHeader className="flex flex-col items-center gap-4 text-center">