diff --git a/public/video/part1.mp4 b/public/video/part1.mp4
new file mode 100755
index 0000000..9726476
Binary files /dev/null and b/public/video/part1.mp4 differ
diff --git a/public/video/part1.webm b/public/video/part1.webm
new file mode 100755
index 0000000..6f22fc9
Binary files /dev/null and b/public/video/part1.webm differ
diff --git a/src/App.vue b/src/App.vue
index e8a5259..271e888 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,7 @@ export default {
 
 <style>
 html {
-	background-image: url('/bg.jpg');
+	background-image: url('./assets/bg.jpg');
 	height: 100%; 
 	/* overflow:hidden; */
 }
diff --git a/public/bg.jpg b/src/assets/bg.jpg
similarity index 100%
rename from public/bg.jpg
rename to src/assets/bg.jpg
diff --git a/src/assets/poster.png b/src/assets/poster.png
new file mode 100644
index 0000000..5699cc7
Binary files /dev/null and b/src/assets/poster.png differ
diff --git a/src/components/BDay.vue b/src/components/BDay.vue
index 864f537..7010fb7 100644
--- a/src/components/BDay.vue
+++ b/src/components/BDay.vue
@@ -2,7 +2,10 @@
     <div class="bday">
         <h1>Alles Gute zu Deinem Geburtstag!</h1>
         <vue-plyr>
-            <div data-plyr-provider="youtube" data-plyr-embed-id="bTqVqk7FSmY"></div>
+            <video poster='../assets/poster.png' autoplay="true">
+                <source src='/video/part1.mp4' type='video/mp4' size='640'>
+                <source src='/video/part1.webm' type='video/webm' size='854'>
+            </video>
         </vue-plyr>
     </div>
 </template>