updates YouTube video on Background page

DataUSA · Apr 3, 2019 · 5659979 · 5659979
1 parent 9090c73
commit 5659979
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/app/pages/About/Background.css b/app/pages/About/Background.css
@@ -1,14 +1,14 @@
 #Background {
   padding-top: var(--nav-height);
   & .video-container {
-    height: 315px;
+    height: 422px;
     overflow: hidden;
     position: relative;
     width: 100%;
     & .video {
       box-sizing: border-box;
       display: block;
-      height: 315px;
+      height: 422px;
       left: 0;
       padding: 0;
       position: absolute;
@@ -26,6 +26,12 @@
         transform: translateX(-100%);
       }
     }
+    @media (max-width: 768px) {
+      height: 300px;
+      & .video {
+        height: 300px;
+      }
+    }
     & .video-prev, & .video-next {
       color: $white-l;
       font-size: 20px;

diff --git a/app/pages/About/Background.jsx b/app/pages/About/Background.jsx
@@ -5,7 +5,8 @@ import "./Background.css";
 import Anchor from "components/Anchor";
 
 const videos = [
-  "https://www.youtube.com/embed/VJ29nJl-xWw"
+  "https://www.youtube.com/embed/o9im7-UZODM"
+  // "https://www.youtube.com/embed/VJ29nJl-xWw"
   // "https://player.vimeo.com/video/166762095?badge=0&byline=0&portrait=0&title=0"
 ];