Fixed video script to only work if a video element exists

diff --git a/js/app.js b/js/app.js
index 1848a92..a473ea0 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -319,31 +319,33 @@ $(document).ready(function () {
     var video_container_desktop = document.getElementById( "front-page-video-container-desktop" );
     var video_mobile            = document.getElementById( "front-page-video-container-mobile-video" );
     var video_desktop           = document.getElementById( "front-page-video-container-desktop-video" );
-    if( $(window).width() >= 640){
-        video_wrapper.removeChild(video_container_mobile);
-    } else {
-        video_wrapper.removeChild(video_container_desktop);
-    }
-    $( window ).resize(function() {
+    if ( $("#front-page-video-container-desktop").length > 0 || $("#front-page-video-container-mobile") ) { 
         if( $(window).width() >= 640){
-            if ( !document.getElementById( "front-page-video-container-desktop" )) {
-                video_wrapper.appendChild(video_container_desktop);
-                video_wrapper.removeChild(video_container_mobile);
-                video_desktop = document.getElementById( "front-page-video-container-desktop-video" );
-                video_desktop.autoplay = true;
-                video_desktop.load();
-                video_desktop.play();
-            }
+            video_wrapper.removeChild(video_container_mobile);
         } else {
-            if ( !document.getElementById( "front-page-video-container-mobile" )) {
-                video_wrapper.appendChild(video_container_mobile);
-                video_wrapper.removeChild(video_container_desktop);
-                video_mobile = document.getElementById( "front-page-video-container-mobile-video" );
-                video_mobile.autoplay = true;
-                video_mobile.load();
-                video_mobile.play();
-            }
+            video_wrapper.removeChild(video_container_desktop);
         }
-    });
+        $( window ).resize(function() {
+            if( $(window).width() >= 640){
+                if ( !document.getElementById( "front-page-video-container-desktop" )) {
+                    video_wrapper.appendChild(video_container_desktop);
+                    video_wrapper.removeChild(video_container_mobile);
+                    video_desktop = document.getElementById( "front-page-video-container-desktop-video" );
+                    video_desktop.autoplay = true;
+                    video_desktop.load();
+                    video_desktop.play();
+                }
+            } else {
+                if ( video_container_desktop.length && !document.getElementById( "front-page-video-container-mobile" )) {
+                    video_wrapper.appendChild(video_container_mobile);
+                    video_wrapper.removeChild(video_container_desktop);
+                    video_mobile = document.getElementById( "front-page-video-container-mobile-video" );
+                    video_mobile.autoplay = true;
+                    video_mobile.load();
+                    video_mobile.play();
+                }
+            }
+        });
+    }
     
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index c29956c..f8cb983 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -310,31 +310,33 @@ $(document).ready(function () {
     var video_container_desktop = document.getElementById( "front-page-video-container-desktop" );
     var video_mobile            = document.getElementById( "front-page-video-container-mobile-video" );
     var video_desktop           = document.getElementById( "front-page-video-container-desktop-video" );
-    if( $(window).width() >= 640){
-        video_wrapper.removeChild(video_container_mobile);
-    } else {
-        video_wrapper.removeChild(video_container_desktop);
-    }
-    $( window ).resize(function() {
+    if ( $("#front-page-video-container-desktop").length > 0 || $("#front-page-video-container-mobile") ) { 
         if( $(window).width() >= 640){
-            if ( !document.getElementById( "front-page-video-container-desktop" )) {
-                video_wrapper.appendChild(video_container_desktop);
-                video_wrapper.removeChild(video_container_mobile);
-                video_desktop = document.getElementById( "front-page-video-container-desktop-video" );
-                video_desktop.autoplay = true;
-                video_desktop.load();
-                video_desktop.play();
-            }
+            video_wrapper.removeChild(video_container_mobile);
         } else {
-            if ( !document.getElementById( "front-page-video-container-mobile" )) {
-                video_wrapper.appendChild(video_container_mobile);
-                video_wrapper.removeChild(video_container_desktop);
-                video_mobile = document.getElementById( "front-page-video-container-mobile-video" );
-                video_mobile.autoplay = true;
-                video_mobile.load();
-                video_mobile.play();
-            }
+            video_wrapper.removeChild(video_container_desktop);
         }
-    });
+        $( window ).resize(function() {
+            if( $(window).width() >= 640){
+                if ( !document.getElementById( "front-page-video-container-desktop" )) {
+                    video_wrapper.appendChild(video_container_desktop);
+                    video_wrapper.removeChild(video_container_mobile);
+                    video_desktop = document.getElementById( "front-page-video-container-desktop-video" );
+                    video_desktop.autoplay = true;
+                    video_desktop.load();
+                    video_desktop.play();
+                }
+            } else {
+                if ( video_container_desktop.length && !document.getElementById( "front-page-video-container-mobile" )) {
+                    video_wrapper.appendChild(video_container_mobile);
+                    video_wrapper.removeChild(video_container_desktop);
+                    video_mobile = document.getElementById( "front-page-video-container-mobile-video" );
+                    video_mobile.autoplay = true;
+                    video_mobile.load();
+                    video_mobile.play();
+                }
+            }
+        });
+    }
     
 });