2025-03-19 16:39:29 +00:00
8 changed files with 9 additions and 5 deletions
--- a/_layouts/company.html
+++ b/_layouts/company.html
@ -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>
--- a/_layouts/landing.html
+++ b/_layouts/landing.html
@ -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>
--- a/_layouts/roadmap.html
+++ b/_layouts/roadmap.html
@ -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>
--- a/_layouts/services.html
+++ b/_layouts/services.html
@ -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>
--- a/assets/videos/globe.mp4
+++ b/assets/videos/globe.mp4
--- a/assets/videos/landing-globe.mp4
+++ b/assets/videos/landing-globe.mp4
--- a/assets/videos/swirly-lines.mp4
+++ b/assets/videos/swirly-lines.mp4
--- a/assets/videos/turq-blocks.mp4
+++ b/assets/videos/turq-blocks.mp4