reversing the js logic to control the video controls attr

removing controls if in large view

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

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 1842376..cd0e4e4 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){
+    if($(window).width() > 1024){
         console.log("asdf");
-        $(headerVideo).attr("controls",true); 
+        $(headerVideo).attr("controls",false); 
     }
 });

diff --git a/parts/video.php b/parts/video.php
index ce53341..7b6f670 100644 (file)
--- a/parts/video.php
+++ b/parts/video.php
@@ -1,6 +1,6 @@
 <?php if (is_front_page()) : ?>
        <div id="front-page-video-container">
-    <video src="<?php bloginfo('template_url'); ?>/assets/videos/header.mp4" id="front-page-video" autoplay="" loop="" muted=""></video>
+    <video src="<?php bloginfo('template_url'); ?>/assets/videos/header.mp4" controls 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">