[Homepage] fix mobile video (#13309)

* Removing attributes * update url * spacing adjustments
hashicorp · Nov 30, 2021 · c0e356e · c0e356e
1 parent 07c42d2
commit c0e356e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git a/website/components/io-video-callout/index.tsx b/website/components/io-video-callout/index.tsx
@@ -65,13 +65,10 @@ export default function IoVideoCallout({
         <h2 className={s.videoHeading}>{heading}</h2>
         <div className={s.video}>
           <ReactPlayer
-            url={`https://www.youtube.com/embed/${youtubeId}`}
+            url={`https://www.youtube.com/watch?v=${youtubeId}`}
+            width="100%"
+            height="100%"
             playing={true}
-            width="560"
-            height="315"
-            style={{
-              maxWidth: '100%',
-            }}
             controls={true}
           />
         </div>

diff --git a/website/components/io-video-callout/style.module.css b/website/components/io-video-callout/style.module.css
@@ -125,12 +125,4 @@
   position: relative;
   background-color: var(--gray-2);
   aspect-ratio: 16 / 9;
-
-  & > * {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
 }