add fallback videos

This commit is contained in:
Anton Livaja 2025-03-17 20:45:44 -07:00
parent 91d77d6f55
commit 287415aab0
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
8 changed files with 9 additions and 5 deletions

View File

@ -8,7 +8,8 @@
<section style="margin-top: 170px">
<div class="video-background-container">
<video autoplay muted loop playsinline class="video-background">
<source src="assets/videos/globe.webm" type="video/mp4" />
<source src="assets/videos/globe.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="assets/videos/globe.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>
<div class="gradient-overlay"></div>
</div>

View File

@ -6,8 +6,9 @@
<div class="container">
<main>
<div class="video-background-container">
<video autoplay muted loop playsinline style="left: 85%; width: 200px !important" class="video-background">
<source src="assets/videos/landing-globe.webm" type="video/mp4" />
<video autoplay muted loop playsinline class="video-background">
<source src="assets/videos/landing-globe.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="assets/videos/landing-globe.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>
<div class="gradient-overlay"></div>
</div>

View File

@ -10,7 +10,8 @@
<main>
<div class="video-background-container">
<video autoplay muted loop playsinline class="video-background">
<source src="assets/videos/turq-blocks.webm" type="video/mp4" />
<source src="assets/videos/turq-blocks.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="assets/videos/turq-blocks.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>
<div class="gradient-overlay"></div>
</div>

View File

@ -7,7 +7,8 @@
<main>
<div class="video-background-container" style="top: 350px">
<video autoplay muted loop playsinline class="video-background">
<source src="assets/videos/swirly-lines.webm" type="video/mp4" />
<source src="assets/videos/swirly-lines.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="assets/videos/swirly-lines.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>
<div class="gradient-overlay"></div>
</div>

BIN
assets/videos/globe.mp4 Normal file

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.