chore: add video metadata

Author: radkostanev

components/grid/overview.md

@@ -227,16 +227,12 @@ To execute these methods, obtain reference to the Grid instance via `@ref`.
 * [Live Demos: Grid](https://demos.telerik.com/blazor-ui/grid/overview)
 * [Grid API Reference](slug:Telerik.Blazor.Components.TelerikGrid-1)
 
-<!-- <script type="application/ld+json">
-{
-  "@context": "https://schema.org", 
-  "@type": "VideoObject", 
-  "name": "Telerik UI for Blazor Data Grid", 
-  "description": "The Telerik Grid for Blazor is a powerful component, which allows you to visualize and edit data through its table representation. It provides a variety of options about how to present and perform operations over the underlying data, such as paging, sorting, filtering and editing. In this short video, we'll learn how to bind data to the data grid and customize its features.", 
-  "thumbnailUrl": "https://img.youtube.com/vi/NW2hHtmM2Gk/maxresdefault.jpg", 
-  "uploadDate": "2020-02-13", 
-  "duration": "PT5M10S", 
-  "contentUrl": "https://youtu.be/NW2hHtmM2Gk", 
-  "embedUrl": "https://www.youtube.com/embed/NW2hHtmM2Gk" 
-}
-</script>  -->
+<VideoMetadata 
+    name="Telerik UI for Blazor Data Grid"
+    description="The Telerik Grid for Blazor is a powerful component, which allows you to visualize and edit data through its table representation. It provides a variety of options about how to present and perform operations over the underlying data, such as paging, sorting, filtering and editing. In this short video, we'll learn how to bind data to the data grid and customize its features."
+    thumbnail-url="https://img.youtube.com/vi/NW2hHtmM2Gk/maxresdefault.jpg"
+    upload-date="2020-02-13T00:00:00Z"
+    duration="PT5M10S"
+    content-url="https://youtu.be/NW2hHtmM2Gk"
+    embed-url="https://www.youtube.com/embed/NW2hHtmM2Gk">
+</VideoMetadata>

getting-started/server-blazor.md

@@ -125,16 +125,12 @@ If you prefer video instructions, you can also check the video tutorial below.
 * [First Steps with Blazor Web App](slug:getting-started/web-app)
 * [First Steps with Blazor WebAssembly](slug:getting-started/client-side)
 
-<!-- <script type="application/ld+json">
-{
-  "@context": "https://schema.org", 
-  "@type": "VideoObject", 
-  "name": "Adding Telerik UI for Blazor to an Existing Blazor Project", 
-  "description": "Telerik UI for Blazor components have been built from the ground-up to ensure you experience shorter development cycles, quick iterations and cut time to market. In this short video, we'll learn how to add the components to an existing Blazor project.", 
-  "thumbnailUrl": "https://img.youtube.com/vi/fwR8Yxe7DPQ/maxresdefault.jpg", 
-  "uploadDate": "2020-02-24", 
-  "duration": "PT4M14S", 
-  "contentUrl": "https://youtu.be/fwR8Yxe7DPQ", 
-  "embedUrl": "https://www.youtube.com/embed/fwR8Yxe7DPQ" 
-}
-</script> -->
+<VideoMetadata 
+    name="Adding Telerik UI for Blazor to an Existing Blazor Project"
+    description="Telerik UI for Blazor components have been built from the ground-up to ensure you experience shorter development cycles, quick iterations and cut time to market. In this short video, we'll learn how to add the components to an existing Blazor project."
+    thumbnail-url="https://img.youtube.com/vi/fwR8Yxe7DPQ/maxresdefault.jpg"
+    upload-date="2020-02-24T00:00:00Z"
+    duration="PT4M14S"
+    content-url="https://youtu.be/fwR8Yxe7DPQ"
+    embed-url="https://www.youtube.com/embed/fwR8Yxe7DPQ">
+</VideoMetadata>

introduction.md

@@ -259,16 +259,12 @@ For any issues you might encounter while working with Telerik UI for Blazor, use
 * [Convert an existing project to a Telerik-enabled project](slug:getting-started-vs-integration-convert-project)
 * [Style the Telerik Blazor Components](slug:themes-overview)
 
-<!-- <script type="application/ld+json"> 
-{
-  "@context": "https://schema.org", 
-  "@type": "VideoObject", 
-  "name": "Getting Started with Telerik UI for Blazor: Overview | Chapter 1", 
-  "description": "In this introductory chapter, we’ll provide a complete overview of the course and what you can expect to learn. We’ll cover the essentials of Telerik UI for Blazor, including the prerequisites needed to get started and the resources available to you. Take a tour of the demo application and get acquainted with the course downloads to ensure you’re fully prepared for the journey ahead.", 
-  "thumbnailUrl": "https://img.youtube.com/vi/HKsTL4byyTA/maxresdefault.jpg", 
-  "uploadDate": "2024-10-21", 
-  "duration": "PT13M49S", 
-  "contentUrl": "https://youtu.be/HKsTL4byyTA", 
-  "embedUrl": "https://www.youtube.com/embed/HKsTL4byyTA" 
-} 
-</script> -->
+<VideoMetadata 
+    name="Getting Started with Telerik UI for Blazor: Overview | Chapter 1"
+    description="In this introductory chapter, we’ll provide a complete overview of the course and what you can expect to learn. We’ll cover the essentials of Telerik UI for Blazor, including the prerequisites needed to get started and the resources available to you. Take a tour of the demo application and get acquainted with the course downloads to ensure you’re fully prepared for the journey ahead."
+    thumbnail-url="https://img.youtube.com/vi/HKsTL4byyTA/maxresdefault.jpg"
+    upload-date="2024-10-21T00:00:00Z"
+    duration="PT13M49S"
+    content-url="https://youtu.be/HKsTL4byyTA"
+    embed-url="https://www.youtube.com/embed/HKsTL4byyTA">
+</VideoMetadata>