redoing the video tag for the front page header

adding controls via js to try and adapt the ios devices to the videos

diff --git a/js/app.js b/js/app.js
index 21aeef1..2600fb5 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -39,8 +39,8 @@ $(document).ready(function () {
     //     headerVideo.play();
     // }
   
-    // if($(window).width() < 1024){
-    //     console.log("asdf");
-    //     $(headerVideo).attr("controls",true); 
-    // }
+    if($(window).width() < 1024){
+        console.log("asdf");
+        $(headerVideo).attr("controls",true); 
+    }
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 1501462..1842376 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -30,8 +30,8 @@ $(document).ready(function () {
     //     headerVideo.play();
     // }
   
-    // if($(window).width() < 1024){
-    //     console.log("asdf");
-    //     $(headerVideo).attr("controls",true); 
-    // }
+    if($(window).width() < 1024){
+        console.log("asdf");
+        $(headerVideo).attr("controls",true); 
+    }
 });

diff --git a/parts/video.php b/parts/video.php
index 397f71b..ce53341 100644 (file)
--- a/parts/video.php
+++ b/parts/video.php
@@ -1,8 +1,6 @@
 <?php if (is_front_page()) : ?>
        <div id="front-page-video-container">
-    <video id="front-page-video" autoplay="" loop="" muted="">
-        <source src="<?php bloginfo('template_url'); ?>/assets/videos/header.mp4">  
-    </video>
+    <video src="<?php bloginfo('template_url'); ?>/assets/videos/header.mp4" id="front-page-video" autoplay="" loop="" muted=""></video>
     
         <!-- <div class="show-for-medium-down">
             <video id="front-page-video-mobile" autoplay="" loop="" muted="" controls="true">