如何在网站上嵌入 YouTube 视频（自适应）
嵌入能适配各种屏幕的 YouTube 视频：分享菜单、自适应代码、开始时间、隐私增强模式、WordPress 以及提速技巧。
YouTube 嵌入代码生成器
为任意 YouTube 视频生成简洁的自适应嵌入代码，支持开始时间、自动播放、循环和隐私选项。
嵌入代码
粘贴链接即可生成代码。
在网页中嵌入 YouTube 视频，可以让访客留在你的页面上，而播放和带宽由 YouTube 负责。YouTube 分享窗口里的默认代码虽然能用，但它是固定的 560×315 方框，在手机上显示不好，也不提供开始、结束时间等实用选项。这个生成器能生成干净的自适应嵌入代码，所有设置都是简单的勾选框，复制前还能实时预览。
如何生成嵌入代码
- 粘贴 YouTube 视频链接：watch、youtu.be、Shorts 和直播链接都可以。
- 可选：填写开始时间和结束时间，只播放其中一段。
- 勾选需要的选项：自适应（全宽）、增强型隐私模式、自动播放（静音）、循环播放、显示播放控件和开启字幕。
- 查看实时预览，点击复制代码并粘贴到你的网站。
每个选项的作用
| 选项 | 代码中的参数 | 说明 |
|---|---|---|
| 开始 / 结束时间 | start=85&end=140 | 单位为秒；输入 1:25 工具会自动换算 |
| 自适应 | width:100%; aspect-ratio:16/9 | 在任何屏幕上填满栏宽；取消勾选可设置固定宽高 |
| 增强型隐私模式 | youtube-nocookie.com | 访客点击播放前不写入 YouTube Cookie |
| 自动播放 | autoplay=1&mute=1 | 浏览器只允许静音自动播放 |
| 循环播放 | loop=1&playlist=ID | 单个视频循环时，YouTube 需要 playlist 参数 |
| 显示播放控件 | 关闭时为 controls=0 | 隐藏控件适合背景视频，不适合教程 |
| 开启字幕 | cc_load_policy=1 | 视频有字幕时默认显示 |
代码中还包含 loading="lazy"，只有访客滚动到附近时才加载播放器；以及给读屏软件使用的描述性 title。
代码粘贴到哪里
- WordPress：添加“自定义 HTML”区块并粘贴代码。（普通的 YouTube 区块无法设置开始/结束时间和隐私模式。）
- Blogger：打开文章，切换到 HTML 视图，粘贴到想放视频的位置。
- Wix、Squarespace、Webflow：使用“嵌入”或“代码”元素。
- Shopify：在页面或商品描述中点击“显示 HTML”（
<>）后粘贴。 - 纯 HTML 网页：粘贴到
<body>中想显示视频的位置。
嵌入 Shorts 和竖屏视频
Shorts 也可以嵌入，生成器会把 /shorts/ 链接转换成普通的嵌入代码。因为 Shorts 是竖屏，请取消勾选自适应，把尺寸设为 315 × 560 之类，避免出现两侧黑边的宽框。
速度与 SEO 小建议
- 每页只嵌入一两个视频。每个播放器都会加载脚本，太多会拖慢页面。
- 在页面上写视频的相关内容。搜索引擎看不懂视频，摘要、要点或字幕文稿能帮助页面获得排名。
- 对速度要求很高的页面，可以先显示一张图片，点击后再加载播放器。缩略图尺寸工具可以查看并下载视频封面的所有尺寸。
- 尊重访客隐私。增强型隐私模式对欧盟访客来说是一个简单又有效的改进。
常见问题排查
- “视频无法播放”：作者关闭了嵌入，或视频为私享、有年龄限制、地区限制。
- 自动播放不启动：必须静音，部分手机在省电模式下仍会阻止自动播放。
- 循环时回到 0:00 而不是开始时间：这是 YouTube 循环功能的机制；如果要循环某个片段，需要剪辑视频本身。
- 手机上播放器超出屏幕：确认勾选了自适应，并检查网站主题是否给 iframe 设置了固定高度。
只需要链接而不是播放器？时间戳链接生成器可以生成从指定时间开始的链接。各种建站平台的详细步骤，请阅读如何在网站中嵌入 YouTube 视频。
常见问题
怎样把 YouTube 视频嵌入到我的网站？
把视频链接粘贴到生成器，选好选项后点击“复制代码”，再把 iframe 代码粘贴到网页中：WordPress 用“自定义 HTML”区块，Blogger 切换到 HTML 视图，Wix 或 Squarespace 使用嵌入/代码元素。
为什么自动播放必须静音？
Chrome、Safari、Firefox 和 Edge 都会阻止带声音自动播放的视频，但允许静音自动播放。所以勾选自动播放时，生成器会自动加上 mute=1。
什么是增强型隐私模式？
播放器会从 youtube-nocookie.com 加载，在访客点击播放之前不会写入 YouTube Cookie。外观和功能完全一样，也更符合 GDPR 等隐私法规。
怎样让嵌入的视频自适应屏幕？
勾选“自适应”。代码会使用 width:100% 和 aspect-ratio:16/9，播放器在手机和电脑上都会填满容器，没有黑边，也不需要额外的 CSS。
为什么嵌入后显示“视频无法播放”？
可能是作者关闭了嵌入功能，视频是私享的、有年龄限制或在访客所在地区被屏蔽，也可能是链接错误。先在实时预览里测试：如果预览无法播放，放到网站上也不行。
可以只嵌入视频的一部分吗？
可以。填写“开始时间”和“结束时间”，播放器会从开始时间播放到结束时间自动停止，很适合展示长教程或直播中的某一段。
继续阅读
开发者
如何找到 YouTube 视频 ID（任何链接、任何设备）
在 watch、youtu.be、Shorts、embed 和直播链接中找到 11 位 YouTube 视频 ID，电脑和手机都适用，并可一次从大量链接中提取。
