Video Content Update and MCP Integration

src/components/LiteYouTube/index.tsx

@@ -33,7 +33,7 @@ function LiteYouTube({ id, title, thumbnail }: ProfileProps) {
         id={id}
         params="autoplay=1&autohide=1&showinfo=0&rel=0"
         title={title}
-        poster="maxresdefault"
+        poster="hqdefault"
         webp
       />
     </div>

src/data/conference-videos.tsx

@@ -1,6 +1,22 @@
 import { Video } from './types';
 
 const conferenceVideos: Video[] = [
+  {
+    title: "Advanced Playwright Debugging and Test Resilience",
+    id: 'zyOJfGtJ3Rw',
+    year: '2025',
+    conference: 'Microsoft Build',
+    language: 'English',
+    speakers: ['Debbie O\'Brien ', 'Max Schmitt']
+  },
+  {
+    title: "Advanced Playwright Techniques for Flawless Testing",
+    id: 'ybYK9jM0lco',
+    year: '2024',
+    conference: 'NDC Copenhagen',
+    language: 'English',
+    speakers: ['Debbie O\'Brien']
+  },
   {
     title: "Advanced Playwright Techniques for Flawless Testing",
     id: 'O0TeeSbQPWY',

src/data/feature-videos.tsx

@@ -1,4 +1,10 @@
 const featureVideos = [
+  {
+    title: 'Debugging with AI',
+    description: '',
+    id: 'Ec_3h5Q8RHY',
+    year: '2025',
+  },
   {
     title: 'API Mocking',
     description: '',

src/data/learn-videos.tsx

@@ -1,6 +1,36 @@
 import { Video } from './types';
 
 const learnVideos: Video[] = [
+  {
+    title: 'Handling Visibility in Playwright: getByText vs. getByRole',
+    description: '',
+    id: '4w0W8qYub2U',
+    year: '2025',
+  },
+  {
+    title: 'How to trigger flaky Playwright tests locally after they fail on CI',
+    description: '',
+    id: '0dHDmSjx55o',
+    year: '2025',
+  },
+  {
+    title: 'Playwright Assertions: Avoid Race Conditions with This Simple Fix!',
+    description: '',
+    id: '1VxkHP8vfGg',
+    year: '2025',
+  },
+  {
+    title: 'Getting started with ARIA Snapshots',
+    description: '',
+    id: 'P4R6hnsE0UY',
+    year: '2024',
+  },
+  {
+    title: 'How to test dynamic content in Playwright with API mocking',
+    description: '',
+    id: 'kvGszYAYQ6M',
+    year: '2024',
+  },
   {
     title: 'How to Run Tests in Playwright with the VS Code Extension',
     description: '',

src/data/live-streams.tsx

@@ -1,4 +1,37 @@
 const liveStreams = [
+
+  {
+    title: 'Testing with AI using Playwright MCP (Model Context Protocol) + Live Demo',
+    description: '',
+    id: 'CNzg1aPwrKI',
+    year: '2025',
+    host: 'Playwright Live',
+    speakers: ["Debbie O'Brien", "Simon Knott"]
+  },
+  {
+    title: 'Community updates and Playwright MCP Server',
+    description: '',
+    id: 'P-JVscQW5AE',
+    year: '2025',
+    host: 'Playwright Live',
+    speakers: ["Debbie O'Brien", "Ben Fellows", "Jean-Francois"]
+  },
+  {
+    title: 'Playwright Live: Exploring the Latest Features!',
+    description: '',
+    id: 'NcSk9fOGEac',
+    year: '2025',
+    host: 'Playwright Live',
+    speakers: ["Debbie O'Brien", "Simon Knott"]
+  },
+  {
+    title: 'Playwright community updates and more',
+    description: '',
+    id: 'YH1tJs2GcUM',
+    year: '2025',
+    host: 'Playwright Live',
+    speakers: ["Debbie O'Brien", "Ben Fellows"]
+  },
   {
     title: 'Testing with Playwright, Epic React testing tab, Epic web testing course and more',
     description: '',

src/data/mcp-videos.tsx

@@ -0,0 +1,16 @@
+const mcpVideos = [
+  {
+    title: 'How to Generate Playwright Tests using MCP + GitHub Copilot',
+    description: '',
+    id: 'AaCj939XIQ4',
+    year: '2025',
+  },
+  {
+    title: 'Playwright MCP: How AI Agents Can Control Your Browser',
+    description: '',
+    id: '2716IUeCIQo',
+    year: '2025',
+  },
+];
+
+export default mcpVideos;

src/data/release-videos.tsx

@@ -1,6 +1,16 @@
 import { Video } from './types';
 
 const releaseVideos: Video[] = [
+  {
+    version: '1.51',
+    id: "-xWHilObrS0",
+    highlights: ['copy prompt', 'git info', 'firebase auth', 'test steps'],
+  },
+  {
+    version: '1.49',
+    id: "S5wCft-ImKk",
+    highlights: ['aria snapshots', 'chrome headless'],
+  },
   {
     version: '1.48',
     id: "VGlkSBkMVCQ",

src/data/video-nav.tsx

@@ -18,6 +18,10 @@ const videoNav = [
   {
     label: 'Learn Videos',
     href: '/community/learn-videos'
+  },
+  {
+    label: 'MCP Videos',
+    href: '/community/mcp-videos'
   }
 ];
 

src/pages/community/mcp-videos.tsx

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+import Layout from '@theme/Layout';
+import VideoCards from '@site/src/components/VideoCards';
+import PageHeader from '@site/src/components/PageHeader';
+import Navigation from '@site/src/components/Navigation';
+
+import videoNav from '@site/src/data/video-nav';
+import mcpVideos from '@site/src/data/mcp-videos';
+
+const TITLE = 'MCP Videos';
+const DESCRIPTION = 'Learn about Model Context Protocol (MCP) integration with Playwright';
+
+export default function Video(): React.ReactElement {
+  return (
+    <Layout title={TITLE} description={DESCRIPTION}>
+      <main className="margin-vert--lg">
+        <PageHeader title={TITLE} description={DESCRIPTION} />
+        <Navigation links={videoNav} />
+        <VideoCards videos={mcpVideos} />
+      </main>
+    </Layout>
+  );
+}