视频文章测试：YouTube 嵌入示例

YouTube 嵌入测试

这篇文章用于测试文章页面的 YouTube 视频嵌入能力（需求 §21）。

视频在文章开头自动显示，实现方式为「轻量嵌入」：

• 响应式：视频容器随屏幕宽度自适应（aspect-video）
• 不自动播放：初始只加载封面缩略图
• 按需加载：点击播放按钮后才加载 YouTube 播放器（iframe），页面加载时不请求第三方 JS
• 移动端正常：容器宽度 100%，竖屏窄屏下正常显示

Frontmatter 配置

youtube:
  videoId: "视频ID"

videoId 为 YouTube 视频 URL 中 v= 参数的值，例如 https://www.youtube.com/watch?v=M7lc1UVf-VE 中为 M7lc1UVf-VE。

小结

未配置 youtube 字段的文章不会显示任何视频区块；本篇仅用于功能验证。