New frontpage video

diff --git a/assets/videos/Header_Video.mp4 b/assets/videos/Header_Video.mp4
new file mode 100644 (file)
index 0000000..9d80551
Binary files /dev/null and b/assets/videos/Header_Video.mp4 differ

diff --git a/front-page.php b/front-page.php
index 610edac..be44860 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -1,6 +1,7 @@
 <?php get_header(); ?>
 <main class="page-front">
-    <?php get_template_part('parts/slide-show');?>
+    <?php // get_template_part('parts/slide-show');?>
+    <?php get_template_part('parts/header-video'); ?>
     <div id="content-wrapper">
         <div class="row">
             <div id="main-content" class="small-12 medium-8 small-centered columns text-center">

diff --git a/parts/header-video.php b/parts/header-video.php
new file mode 100644 (file)
index 0000000..89d9dda
--- /dev/null
+++ b/parts/header-video.php
@@ -0,0 +1,16 @@
+<?php if (is_front_page()) : ?>
+        <div class="show-for-large-up">
+            <video id="headerVideo" playsinline autoplay loop muted controls="false">
+                <source src="<?php bloginfo('template_url'); ?>/assets/videos/Header_Video.mp4">
+                <p>Your browser does not support HTML5 video.</p>
+            </video>
+        </div>
+        <div class="show-for-medium-down">
+            <video id="headerVideoMobile" autoplay="" loop="" muted="" controls="true">
+                <source src="<?php bloginfo('template_url'); ?>/assets/videos/Header_Video_Mobile_Optimized.webm">
+                <source src="<?php bloginfo('template_url'); ?>/assets/videos/Header_Video_Mobile_Optimized.m4v">
+                <source src="<?php bloginfo('template_url'); ?>/assets/videos/Header_Video_Mobile_Optimized.mp4">
+                <p>Your browser does not support HTML5 video.</p>
+            </video>
+        </div>
+<?php endif; ?>