MDX 视频组件测试

这是一篇测试文章，演示如何在 MDX 博客中嵌入交互式视频组件。

视频演示

点击下方缩略图播放视频：

这个视频组件具有以下特性：

在 MDX 文件中导入组件：

import { HeroVideoDialog } from "@/components/blog/hero-video-dialog"

然后在文章中使用：

<HeroVideoDialog
  videoSrc="你的YouTube视频链接"
  thumbnailSrc="你的缩略图链接"
  thumbnailAlt="视频描述"
/>

你可以继续在组件前后写正常的 Markdown 内容。

代码块也能正常工作：

const greeting = "Hello, World!";
console.log(greeting);

粗体文字 和 斜体文字 也都能正常显示。