From ad7fddd6a5b0613f50c5f6ed87cd503be6291175 Mon Sep 17 00:00:00 2001
From: Steffen <steffen@baumgart.biz>
Date: Fri, 5 Feb 2021 20:50:12 +0100
Subject: [PATCH] added video background support (mp4/webm)

---
 src/App.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

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;