patrick/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add script that autoplays videos after view transitions as they did

Browse Source 
not load in before.
This commit is contained in:
Patrick Jaroszewski
2026-04-08 08:35:40 -04:00
parent ffd0ad8320
commit 9d0e3b86c2
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/layouts/Layout.astro
View File

@@ -51,6 +51,20 @@ const {
})(); })();
</script> </script>
<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/rss.xml" /> <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/rss.xml" />
<script is:inline>
document.addEventListener('astro:page-load', () => {
document.querySelectorAll('video[autoplay]').forEach((video) => {
if (video.readyState >= 2) {
video.play().catch(() => {})
} else {
video.addEventListener('loadeddata', () => {
video.play().catch(() => {})
}, { once: true })
video.load()
}
})
})
</script>
</Head> </Head>
<body> <body>
<div class="flex h-fit min-h-screen w-full max-w-full flex-col gap-y-4 sm:gap-y-6 font-sans overflow-x-hidden"> <div class="flex h-fit min-h-screen w-full max-w-full flex-col gap-y-4 sm:gap-y-6 font-sans overflow-x-hidden">