From ba55981ed4cd7026ff9c4046464d0be85daf7104 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Tue, 30 Nov 2021 12:40:15 -0500
Subject: [PATCH 1/3] Removing attributes

---
 website/components/io-video-callout/index.tsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/website/components/io-video-callout/index.tsx b/website/components/io-video-callout/index.tsx
index 6c09655a0b76..e980aac34936 100644
--- a/website/components/io-video-callout/index.tsx
+++ b/website/components/io-video-callout/index.tsx
@@ -67,11 +67,6 @@ export default function IoVideoCallout({
           <ReactPlayer
             url={`https://www.youtube.com/embed/${youtubeId}`}
             playing={true}
-            width="560"
-            height="315"
-            style={{
-              maxWidth: '100%',
-            }}
             controls={true}
           />
         </div>

From 3b976d6b0e570f358d7a5cff936155c9dc64cf6c Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Tue, 30 Nov 2021 12:40:43 -0500
Subject: [PATCH 2/3] update url

---
 website/components/io-video-callout/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/components/io-video-callout/index.tsx b/website/components/io-video-callout/index.tsx
index e980aac34936..201299783bd8 100644
--- a/website/components/io-video-callout/index.tsx
+++ b/website/components/io-video-callout/index.tsx
@@ -65,7 +65,7 @@ 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}`}
             playing={true}
             controls={true}
           />

From 1ee6a9087288f24122e8627d3b63c9e206135965 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <im.alexcarpenter@gmail.com>
Date: Tue, 30 Nov 2021 12:47:37 -0500
Subject: [PATCH 3/3] spacing adjustments

---
 website/components/io-video-callout/index.tsx        | 2 ++
 website/components/io-video-callout/style.module.css | 8 --------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/website/components/io-video-callout/index.tsx b/website/components/io-video-callout/index.tsx
index 201299783bd8..f44b6d9bd798 100644
--- a/website/components/io-video-callout/index.tsx
+++ b/website/components/io-video-callout/index.tsx
@@ -66,6 +66,8 @@ export default function IoVideoCallout({
         <div className={s.video}>
           <ReactPlayer
             url={`https://www.youtube.com/watch?v=${youtubeId}`}
+            width="100%"
+            height="100%"
             playing={true}
             controls={true}
           />
diff --git a/website/components/io-video-callout/style.module.css b/website/components/io-video-callout/style.module.css
index e8e52143f52d..815601ff0fc5 100644
--- 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%;
-  }
 }