diff --git a/src/App.vue b/src/App.vue
index 4c8a836..bb5bc65 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,6 +10,13 @@
         : ''
     }"
   >
+    <video
+      id="background"
+      v-if="grimoire.background && grimoire.background.match(/\.(mp4|webm)$/i)"
+      :src="grimoire.background"
+      autoplay
+      loop
+    ></video>
     <div class="backdrop"></div>
     <transition name="blur">
       <Intro v-if="!players.length"></Intro>
@@ -299,6 +306,14 @@ ul {
   }
 }
 
+/* video background */
+video#background {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
 /* Night phase backdrop */
 #app > .backdrop {
   position: absolute;