fix: styling for video

favware · Nov 22, 2024 · 4971715 · 4971715
1 parent ebad7ae
commit 4971715
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -18,7 +18,10 @@
 
     <meta name="twitter:domain" content="dragoon.ing" />
     <meta name="twitter:card" content="player" />
-    <meta name="twitter:image" content="https://dragoon.ing/gooning-thumb.png" />
+    <meta
+      name="twitter:image"
+      content="https://dragoon.ing/gooning-thumb.png"
+    />
     <meta name="twitter:player" content="https://dragoon.ing/gooning.mp4" />
     <meta name="twitter:player:width" content="896" />
     <meta name="twitter:player:height" content="504" />
@@ -40,12 +43,18 @@
         margin: 0;
         padding: 0;
       }
+      body {
+        height: 100vh;
+        width: 100vw;
+        display: flex;
+      }
       video {
         width: 100%;
         height: auto;
+        align-content: center;
       }
     </style>
-    <video width="100%" controls autoplay>
+    <video autoplay muted loop controls preload="auto" width="100%">
       <source src="https://dragoon.ing/gooning.mp4" type="video/mp4" />
     </video>
   </body>