pass class to youtube shortcode

Signed-off-by: vishalvivekm <[email protected]>
layer5io · vishalvivekm · May 6, 2025 · May 6, 2025 · May 6, 2025 · May 6, 2025
commit b068591f308deb256500e701e598bd4d0314fe8f
diff --git a/content/en/videos/advanced/advanced/birth-of-kanvas-logo.md b/content/en/videos/advanced/advanced/birth-of-kanvas-logo.md
@@ -8,6 +8,6 @@ autoplay: true  # optional
 loop: true #optional
 ---
 
-{{< youtube 4WcofErPTx4 >}}
+{{< youtube id=4WcofErPTx4 class="yt-embed-container" >}}
 
 This video captures the evolutionary transition of Meshery into Kanvas. As a distribution of Meshery, Kanvas is and opinionated user experience.
diff --git a/content/en/videos/features/cloud/white-label.md b/content/en/videos/features/cloud/white-label.md
@@ -6,6 +6,6 @@ videoType: "youtube"
 tags: [cloud]
 duration: "0:18"
 ---
-{{< youtube hZuhmP7lenk >}}
+{{< youtube id=hZuhmP7lenk class="yt-embed-container" >}}
 
 You can change the logo, color scheme, domain name, and other aspects of the user interface to match your own identity and preferences. White-labeling enables you to offer a seamless and consistent experience to your customers, partners, or internal users who access your service mesh platform. White-labeling also helps you to differentiate your platform from other Layer5 Cloud users and competitors, and to enhance your brand recognition and loyalty.
diff --git a/content/en/videos/features/kanvas/design-review.md b/content/en/videos/features/kanvas/design-review.md
@@ -10,4 +10,4 @@ tags: [review, collaboration, comments]
 duration: "0:17"
 ---
 
-{{< youtube bb6J--aApk8 >}}
+{{< youtube id=bb6J--aApk8 class="yt-embed-container" >}}
diff --git a/content/en/videos/features/meshery/meshery-teaser.md b/content/en/videos/features/meshery/meshery-teaser.md
@@ -7,4 +7,4 @@ muted: true  # optional
 autoplay: true  # optional
 loop: true #optional
 ---
-{{< youtube Do7htKrRzDA >}}
+{{< youtube id=Do7htKrRzDA class="yt-embed-container" >}}
diff --git a/content/en/videos/getting-started/basics/designer-overview.md b/content/en/videos/getting-started/basics/designer-overview.md
@@ -10,7 +10,7 @@ tags: [basics]
 duration: "1:38"
 ---
 
-{{< youtube qaoYRP3oLok >}}
+{{< youtube id=qaoYRP3oLok class="yt-embed-container" >}}
 
 ### Related Docs
 

diff --git a/content/en/videos/getting-started/basics/operator-overview.md b/content/en/videos/getting-started/basics/operator-overview.md
@@ -10,7 +10,7 @@ tags: [basics]
 duration: "2:11"
 ---
 
-{{< youtube QANUEikEwQY >}}
+{{< youtube id=QANUEikEwQY class="yt-embed-container" >}}
 
 ### Related Docs
 

diff --git a/content/en/videos/getting-started/comments/adding-comments.md b/content/en/videos/getting-started/comments/adding-comments.md
@@ -13,4 +13,4 @@ tags: [review, collaboration, comments]
 duration: "0:17"
 ---
 
-{{< youtube bb6J--aApk8 >}}
+{{< youtube id=bb6J--aApk8 class="yt-embed-container" >}}
diff --git a/content/en/videos/getting-started/comments/publish-design.md b/content/en/videos/getting-started/comments/publish-design.md
@@ -13,6 +13,6 @@ tags: [catalog]
 duraiton: 0:39
 ---
 
-{{< youtube UCKS4eSB7AY >}}
+{{< youtube id=UCKS4eSB7AY class="yt-embed-container" >}}
 
 Publishing a design lets you make your content visible to any anonymous visitor of https://cloud.layer5.io/catalog and any Layer5 Cloud user. Anyone with the link can view the design. You can publish the design into your Cloud Catalog.
diff --git a/content/en/videos/integrations/aws/meshery-teaser.md b/content/en/videos/integrations/aws/meshery-teaser.md
@@ -9,4 +9,4 @@ loop: true #optional
 tags: [meshery]
 duration: "2:10"
 ---
-{{< youtube Do7htKrRzDA >}}
+{{< youtube id=Do7htKrRzDA class="yt-embed-container" >}}