diff --git a/index.html b/index.html
index 3bfc44a..5b20468 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,9 @@
     </nav>
 
     <header class="masthead">
-	<div id="player"></div>
+	<div class="video-container">
+          <div id="player"></div>
+        </div>
 
         <a class="btn btn-default btn-xl" href="#about">
             <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
diff --git a/scss/_masthead.scss b/scss/_masthead.scss
index 35128b5..d8acdb0 100644
--- a/scss/_masthead.scss
+++ b/scss/_masthead.scss
@@ -39,7 +39,7 @@ header.masthead {
         padding: .5rem 1rem;
     }
 
-    iframe {
+    .video-container, iframe {
       position: absolute;
       top: 0;
       left: 0;
@@ -47,6 +47,12 @@ header.masthead {
       height: 100%;
       pointer-events: none;
     }
+    @media (min-aspect-ratio: 16/9) {
+      .video-container { height: 300%; top: -100%; }
+    }
+    @media (max-aspect-ratio: 16/9) {
+      .video-container { width: 300%; left: -100%; }
+    }
 
     @media (min-width: 768px) {
         height: 100%;