[Video] Swapped out Stream links with YT links (#24449)

* Swapped out Stream links with YT links

* Link update

Author: dcpena

src/content/docs/d1/tutorials/build-a-comments-api/index.mdx

@@ -11,7 +11,7 @@ tags:
   - SQL
 ---
 
-import { Render, PackageManagers, Stream, WranglerConfig } from "~/components";
+import { Render, PackageManagers, WranglerConfig, YouTube } from "~/components";
 
 In this tutorial, you will learn how to use D1 to add comments to a static blog site. To do this, you will construct a new D1 database, and build a JSON API that allows the creation and retrieval of comments.
 
@@ -39,11 +39,7 @@ cd d1-example
 
 ## Video Tutorial
 
-<Stream
-	id="8d20dd6cf5679f3272ca44a9fa01728c"
-	title="Build a Comments API with D1"
-	thumbnail="22s"
-/>
+<YouTube id="egBdW6vBIhM" />
 
 ## 1. Install Hono
 

src/content/docs/learning-paths/durable-objects-course/series/build-the-app-frontend-5.mdx

@@ -6,20 +6,15 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
   In this video, we set up the frontend starter code (the starter code is located in the Veet GitHub repository), connect to Durable Objects using a call room ID, and display a local video preview.
 
     <Card>
-        <Stream
-        id="efc08fd03da0dfebd2e4402af519acb5"
-        title="Build the app frontend and UI"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
+        <YouTube id="Tfp8h0s3-54" />
 
     <Render file="durable-objects-series-additional-resources" />
 

src/content/docs/learning-paths/durable-objects-course/series/deploy-your-video-call-app-7.mdx

@@ -6,20 +6,15 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
   We are almost done with the project, and in this final episode, we add the finishing touches, such as learning how to handle call disconnections, wiring up essential media controls like muting/unmuting and video toggling, and integrating a TURN server to ensure reliable connections even behind firewalls. By the end of this video, your app will be fully functional and ready for deployment.
 
     <Card>
-        <Stream
-        id="aaa652e0e05bc09ac35451d9cbd4b341"
-        title="Deploy your video call app"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
+        <YouTube id="-d7v7g5suqg" />
 
     <Render file="durable-objects-series-additional-resources" />
 

src/content/docs/learning-paths/durable-objects-course/series/introduction-to-series-1.mdx

@@ -6,24 +6,14 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
   In this episode, we present an overview of the series, discuss its underlying architecture, and access resources to set up the project locally.
 
-    <Card>
-        <Stream
-        id="558cdd841276a1aba1426af6293d6d15"
-        title="Introduction to Durable Objects"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
-
-      <Render file="durable-objects-series-additional-resources" />
-
-    </Card>
+<YouTube id="ML1vOUeA-JM" />
   </TabItem>
 
   <TabItem label="Series overview">

src/content/docs/learning-paths/durable-objects-course/series/make-answer-webrtc-calls-6.mdx

@@ -6,20 +6,15 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
   In this video, we build on the frontend we set up earlier by adding functionality for making and answering WebRTC video calls. You will learn how to create peer-to-peer connections, handle ICE candidates, and seamlessly send and receive video streams between users.
 
     <Card>
-        <Stream
-        id="3b3a88940d3b1c635dbb6df0516218ab"
-        title="Make and answer WebRTC calls"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
+        <YouTube id="ojhe-scYVe0" />
 
     <Render file="durable-objects-series-additional-resources" />
 

src/content/docs/learning-paths/durable-objects-course/series/real-time-messaging-with-websockets-4.mdx

@@ -6,20 +6,15 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
   Now, we'll take it a step further by enabling our server to receive and broadcast messages. In this video, you'll learn how to route and broadcast incoming messages from WebSocket connections and implement error handling such as closed WebSocket connections. By the end, you will have completed the backend for our video call app.
 
     <Card>
-        <Stream
-        id="a02e5f9e58999d96c3ec9dbb0efb9707"
-        title="Real-time messaging with WebSockets"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
+        <YouTube id="MZ9h9iRN_yQ" />
 
     <Render file="durable-objects-series-additional-resources" />
 

src/content/docs/learning-paths/durable-objects-course/series/serverless-websocket-backend-3.mdx

@@ -6,20 +6,15 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
     In this video, we'll create a WebSocket backend using serverless technology, making the process simpler than ever before. You'll learn how to create your first Durable Object, set up a WebSocket server to coordinate connections, and keep track of connected clients.
 
     <Card>
-        <Stream
-        id="86c64a50e0ea53dadd1ea1194bdeda92"
-        title="Create a serverless websocket 'backend'"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
+        <YouTube id="bFHArGPzCvA" />
 
     <Render file="durable-objects-series-additional-resources" />
 

src/content/docs/learning-paths/durable-objects-course/series/what-are-durable-objects-2.mdx

@@ -6,20 +6,15 @@ sidebar:
 tableOfContents: false
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode">
 
     In this video, we show how Durable Objects work and start building a video call app together.
 
     <Card>
-        <Stream
-        id="fe3a2f97642951e692e86b3af36a4251"
-        title="What are Durable Objects?"
-        thumbnail="2.5s"
-        showMoreVideos={false}
-      />
+       <YouTube id="27GX2tvQ1Ds" />
 
       <Render file="durable-objects-series-additional-resources" />
 

src/content/docs/learning-paths/r2-intro/series/r2-1.mdx

@@ -9,25 +9,15 @@ description: |
 
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode" icon="seti:video">
 
   Cloudflare R2 is an object storage solution designed to handle your data and files efficiently. It is ideal for various use cases, such as storing large media files, creating data lakes, or delivering web assets. R2 offers a flexible architecture to suit your needs, all with zero egress fees, meaning you don't have to worry about unexpected costs when moving your data.
 
     <Card>
-        <Stream
-        id="f5922079245064953abb76127c76cb9a"
-        title="Getting started with R2"
-        thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/R2-1%20Getting%20started%20with%20R2.jpg"
-        showMoreVideos={false}
-        chapters={{
-          "Introduction": "3s",
-          "Configuring R2 Buckets": "1m40s",
-          "Practical Applications and Future Topics": "3m30s"
-        }}
-      />
+        <YouTube id="TIp5sUZO4Uo" />
 
       **Related content**
 

src/content/docs/learning-paths/r2-intro/series/r2-2.mdx

@@ -8,25 +8,15 @@ description: |
     This video outlines how to configure public buckets in R2, which are private by default, to enable public Internet access. It presents two methods for setting up public access: using a custom domain for greater control over content management and security, or using a Cloudflare-managed subdomain for a simpler configuration. 
 ---
 
-import { Render, Tabs, TabItem, Stream, Card } from "~/components";
+import { Render, Tabs, TabItem, Card, YouTube } from "~/components";
 
 <Tabs>
   <TabItem label="Watch this episode" icon="seti:video">
 
     This video outlines how to configure public buckets in R2, which are private by default, to enable public Internet access. It presents two methods for setting up public access: using a custom domain for greater control over content management and security, or a Cloudflare managed subdomain for a simpler configuration. 
 
     <Card>
-        <Stream
-        id="e8731d392bfde834be5717e7043ee801"
-        title="Public buckets"
-        thumbnail="https://pub-d9bf66e086fb4b639107aa52105b49dd.r2.dev/R2-2%20public%20buckets.jpg"
-        showMoreVideos={false}
-        chapters={{
-          "Introduction": "3s",
-          "Setting Up a Public Bucket with a Custom Domain": "44s",
-          "Using Cloudflare Managed Subdomain for Public Access": "1m44s"
-        }}
-      />
+        <YouTube id="B1-seilmzY8" />
 
       **Related content**