Merge pull request #97 from MarcSkovMadsen/enhancement/youtube

Enhancement/youtube

Author: MarcSkovMadsen

docs/tutorials/display-server.md

@@ -7,6 +7,8 @@ This foundation will enable you to effectively use the [`holoviz_display`](displ
 !!! warning
     The Display Server is currently in alpha. Changes between versions may make existing snippets inaccessible. Use for exploration and testing only - **do not rely on the Display Server for persistent storage of important work!**
 
+<iframe src="https://www.youtube.com/embed/kKVCb3oZSqU?si=RFKbNOhI3kZ8N6rp" title="Tutorial: Building Visualizations with the Display Server" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;height:300px;width:500px;margin-left:auto;margin-right:auto"></iframe>
+
 ## What You'll Learn
 
 By following this tutorial, you will:

docs/tutorials/display-tool.md

@@ -12,6 +12,8 @@ In this tutorial, we will create visualizations using the `holoviz_display` tool
 !!! warning
     The `holoviz_display` tool is currently in alpha. Changes between versions may make existing snippets inaccessible. Use for exploration and testing only - **do not rely on the `holoviz_display` tool for persistent storage of important work!**
 
+<iframe src="https://www.youtube.com/embed/q_Z8Ae5gUEI?si=MRgZoPOB6mlbaGh4" title="Tutorial: Creating Visualizations with the HoloViz MCP Display tool" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;height:300px;width:500px;margin-left:auto;margin-right:auto"></iframe>
+
 ## Prerequisites
 
 Before starting, ensure you have:
@@ -20,7 +22,7 @@ Before starting, ensure you have:
 - An AI assistant configured to use HoloViz MCP (Claude Desktop, VS Code with Copilot, etc.)
 - Python 3.11 or later
 
-## Step 0: Start the MCP Server and Open the Feed
+## Step 0: Start the MCP Server
 
 In your IDE or development environment make sure to [start the HoloViz MCP server](getting-started.md/#start-the-server).
 

docs/tutorials/getting-started.md

@@ -2,7 +2,7 @@
 
 This tutorial will guide you through installing and using HoloViz MCP for the first time. By the end, you'll have HoloViz MCP running and be able to ask your AI assistant questions about Panel components!
 
-<iframe src="https://www.youtube.com/embed/nB6cI26GNzM?si=XGyPwCMvBWYOrHop" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;height:300px;width:500px;margin-left:auto;margin-right:auto"></iframe>
+<iframe src="https://www.youtube.com/embed/nB6cI26GNzM?si=XGyPwCMvBWYOrHop" title="Getting Started with HoloViz MCP" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;height:300px;width:500px;margin-left:auto;margin-right:auto"></iframe>
 
 !!! tip "What you'll learn"
     - How to install HoloViz MCP