Ahora si se ve el video de fondo

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "websostenible",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "websostenible",
-      "version": "0.1.1",
+      "version": "0.1.3",
       "dependencies": {
         "@astrojs/mdx": "^3.1.8",
         "@astrojs/sitemap": "^3.2.1",

src/pages/index.astro

@@ -55,7 +55,7 @@ const animateOnScroll = `
 		<header class="header-bg text-white">
 
 			<video autoplay muted loop class="video-bg">
-				<source src="/imgs/bosqueverde.webm" type="video/webm">
+				<source src="/imgs/bosqueverde.mp4" type="video/mp4">
 				Tu navegador no soporta la reproducción de videos.
 			</video>