From: Laury GvR <laury@gaslightmedia.com>
Date: Mon, 24 Jul 2017 17:50:14 +0000 (-0400)
Subject: Different video for small and large view.
X-Git-Tag: v1.0.0^2~24
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=074eb9ae5b0f9347a821efc2896dcc36b8b7e777;p=WP-Themes%2Ftruenorthgolf.git

Different video for small and large view.
---

diff --git a/front-page.php b/front-page.php
index e15924c..e4aaebd 100644
--- 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">