Fix embedded video player

Author: niallthomson

website/docs/automation/gitops/index.md

@@ -12,4 +12,4 @@ What is GitOps? Coined by Weaveworks CEO, Alexis Richardson, GitOps is an operat
 
 Watch a video walk-through of the GitOps section with one of the module maintainers, Carlos Santana (AWS) here:
 
-<ReactPlayer controls url="https://www.youtube-nocookie.com/embed/dONzzCc0oHo" /> <br />
+<ReactPlayer controls src="https://www.youtube-nocookie.com/embed/dONzzCc0oHo" width={640} height={360} /> <br />

website/docs/introduction/index.md

@@ -20,4 +20,4 @@ These labs are designed in a way that you can pick any combination of modules th
 
 To learn about the basics of Amazon EKS, watch this short ~10 minute video:
 
-<ReactPlayer controls url="https://www.youtube-nocookie.com/embed/E956xeOt050" /> <br />
+<ReactPlayer controls src="https://www.youtube-nocookie.com/embed/E956xeOt050" width={640} height={360} /> <br />

website/docs/networking/vpc-cni/index.md

@@ -9,7 +9,7 @@ Pod networking, also called cluster networking, is the center of Kubernetes netw
 
 Watch a video walk-through of the networking module by one of the module maintainers, Sheetal Joshi (AWS) here:
 
-<ReactPlayer controls url="https://www.youtube-nocookie.com/embed/EAZnXII9NTY" /> <br />
+<ReactPlayer controls src="https://www.youtube-nocookie.com/embed/EAZnXII9NTY" width={640} height={360} /> <br />
 
 Amazon EKS uses Amazon VPC to provide networking capabilities to worker nodes and Kubernetes Pods. An EKS cluster consists of two VPCs: an AWS managed VPC that hosts the Kubernetes control plane and a second customer-managed VPC that hosts the Kubernetes worker nodes where containers run, as well as other AWS infrastructure (like load balancers) used by a cluster. All worker nodes need the ability to connect to the managed API server endpoint. This connection allows the worker node to register itself with the Kubernetes control plane and to receive requests to run application pods.
 

website/docs/observability/index.md

@@ -15,7 +15,7 @@ In this chapter, we'll cover how you can use AWS observability solutions integra
 
 Watch a video walk-through of the observability module with one of the module maintainers, Nirmal Mehta (AWS) here:
 
-<ReactPlayer controls url="https://www.youtube-nocookie.com/embed/ajPe7HVypxg" /> <br />
+<ReactPlayer controls src="https://www.youtube-nocookie.com/embed/ajPe7HVypxg" width={640} height={360} /> <br />
 
 :::info
 To dive deeper into AWS Observability features take a look at the [One Observability Workshop](https://catalog.workshops.aws/observability/en-US)

website/src/components/HomepageVideo/index.js

@@ -9,7 +9,9 @@ export default function HomepageVideo() {
         <div className={styles.video}>
           <ReactPlayer
             controls
-            url="https://www.youtube-nocookie.com/embed/E956xeOt050"
+            src="https://www.youtube-nocookie.com/embed/E956xeOt050"
+            width={640}
+            height={360}
           />
         </div>
       </div>