diff --git a/slaeforms/static/styles.css b/slaeforms/static/styles.css
index 6081c81..59f4ba7 100644
--- a/slaeforms/static/styles.css
+++ b/slaeforms/static/styles.css
@@ -299,6 +299,21 @@ iframe {
     height: 0;
 }
 
+.iframe-container2 {
+    position: relative;
+    padding-bottom: 56.25%;
+    /* 16:9 */
+    height: 0;
+}
+
+.iframe-container2 iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
 .video-container {
     max-width: 100%;
     position: relative;
diff --git a/slaeforms/templates/startpage.html b/slaeforms/templates/startpage.html
index f872deb..492cdeb 100644
--- a/slaeforms/templates/startpage.html
+++ b/slaeforms/templates/startpage.html
@@ -11,6 +11,13 @@
 <body>
     <div class="container" style="height: 100%; font-size: 22px;">
         <h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
+        
+        <div class="iframe-container2">
+            
+            <iframe title="vimeo-player" src="https://player.vimeo.com/video/1031133490?h=bfa5b559f9" frameborder="0" allowfullscreen></iframe>
+        
+        </div>
+
 
         <div class="textblock">
             <p>
