Different video for small and large view.

diff --git a/front-page.php b/front-page.php
index e15924c..e4aaebd 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -5,9 +5,16 @@
 </div>
 <main class="page-front">
     <div id="content-wrapper">
-        <video autoplay="" loop="" muted="">
-            <source src="<?php bloginfo('template_url'); ?>/assets/Header_Video.mp4">
-        </video>
+        <div class="show-for-medium-up">
+            <video autoplay="" loop="" muted="">
+                <source src="<?php bloginfo('template_url'); ?>/assets/Header_Video.mp4">
+            </video>
+        </div>
+        <div class="show-for-small-down">
+            <video autoplay="" loop="" muted="">
+                <source src="<?php bloginfo('template_url'); ?>/assets/Header_Video_Mobile.mp4">
+            </video>
+        </div>
 
         <div class="row">
             <div id="main-content" class="small-12 columns">