适用于 WordPress 的最快 YouTube 视频嵌入
WordPress 的性能 YouTube 播放器块 （Gutenberg） 向 WordPress 块编辑器添加了一个新块，可让您嵌入 YouTube 视频，同时保持网站的快速和高性能。在 Lighthouse/PageSpeed Insights 上获得更好的分数，并为您的用户提供快速的 Web 体验。
- Web 性能优化的必备插件
- 使嵌入的 YouTube 视频加载时没有渲染阻塞、FOUC 或 CLS
- 没有饼干！符合 GDPR 标准，注重隐私
- 专为 WordPress 块编辑器（古腾堡）制作
炽热的速度！ 忘记延迟加载和 jQuery 替换技巧，Performance YouTube Player Block 使用最新的 Web 组件技术快速加载 YouTube 嵌入。如果您想制作最快的网站并希望包含 YouTube 视频，请不要让 YouTube 因缓慢的视频嵌入而毁掉您的 Lighthouse/PageSpeed Insights/GT Metrix 分数。
提高核心网络生命体征！ Performance YouTube Player 在 Shadow DOM 上渲染，让浏览器专注于页面渲染的其他部分，从而获得快速加载时间。没有未设置样式的内容 （FOUC） 闪烁，没有 CLS 问题（累积布局偏移），也没有渲染阻塞时间。
隐私第一！ 在没有 cookie 的情况下加载 YouTube – 无跟踪，无 cookie，符合 GDPR。根据欧盟制定的法规，Performance YouTube 符合《通用数据保护条例》，并且仅在用户与视频互动后才会发送 Cookie。
WEBP 缩略图 WebP 是一种较新的图像压缩算法——平均 WebP 文件大小比 JPG 小 25%-34%。这意味着您的视频缩略图加载速度更快。现在所有主要浏览器都支持 WebP 图像格式。
响应式且易于访问 默认情况下，性能 YouTube 块是响应式的（视频会针对移动设备/桌面调整大小），并在标准 WordPress YouTube 嵌入之外提供许多视频选项，包括循环和隐藏控件。Performance YouTube Block 也是可访问的且对 SEO 友好。
性能 YouTube 块功能：
- 极快的 YouTube 嵌入 – 获得最佳的 Lighthouse/PageSpeed 分数
- 完全响应 16：9 – 适用于手机、平板电脑、台式机并适应您的网站规模
- 加载时无需 cookie、跟踪或 GDPR 担忧
- 支持宽幅和全宽块对齐
- （可选）设置自定义视频开始时间
- （可选）在初始启动后隐藏控件
- 可选地循环播放视频
- 可通过键盘访问，自定义 ARIA 和替代文本
- 滚动查看时开始预加载视频
- 加载带有 JPEG 回退的 webP 缩略图
- 如果需要，可以选择关闭 webP 缩略图
- 无需 API 密钥
使用性能 YouTube 块
打开块编辑器，添加新块/使用块插入器并搜索 性能 YouTube 嵌入类别下的块。您也可以通过键入“/”斜杠，然后输入 Performance YouTube 直接从编辑器插入它。
效果 YouTube 设置
该块没有全局设置，每个块都可以根据需要进行自定义。
可用设置包括：
- 对准 – 内容宽度、宽幅、全角（取决于主题设置）
- 视频标题 – 添加标题以用于可访问性和 SEO 目的
- 视频开始时间 – 设置 YouTube 视频开始时间（以秒为单位）
- 控制 – 播放视频后隐藏视频的控件
- 圈 – 播放完毕后循环播放视频
- 缩略图 – 关闭 webP 缩略图（较旧的 YouTube 视频可能没有 webP 缩略图）
书的东西
该插件利用 Web 组件并使用其中两个主要标准;自定义元素和 Shadow DOM。YouTube Performance Block 是一个组件，使用 Shadow DOM 将独立的 HTML、CSS 和 JavaScript 附加到页面。Shadow DOM 是三个 Web 组件标准之一，将其用于 YouTube 嵌入可以提高加载速度并避免糟糕的 FOUC。使用 Shadow DOM 可以实现 CSS 范围、DOM 封装、更好的组合，并且自定义元素具有弹性且极具可重用性。
该插件的灵感来自 Paul Irish 的 Lite YouTube Embed，它是从 Justin Ribeiro 的 Shadow DOM Web 组件版本的同一代码中分叉而来的。我已经更新了它，修复了一些问题并将其完全集成到 WordPress Gutenberg 中，所以它可以正常工作。
安装说明
下载插件 zip 文件。
转到 WordPress 管理>插件>添加新插件>上传插件，然后上传插件 zip 文件。
还有其他方法可以安装插件，请参阅此处的 WordPress 文档（http://codex.wordpress.org/Managing_Plugins）。
安装后，激活插件。
效果 YouTube 块将在您的块插入器中可用。
要求
该插件适用于 WordPress，因此需要安装 WordPress。由于它是块编辑器（古腾堡）的块，因此您应该拥有 WordPress 5.0 或更高版本。
该插件在安装了经典编辑器时不起作用（因为这会禁用古腾堡块编辑器）
常见问题
问：我的视频缩略图显示为灰色的 YouTube 错误缩略图
答：您嵌入的视频没有 webP 缩略图。您可以在 YouTube 上编辑视频并重新保存缩略图以生成新的缩略图，也可以使用“块”设置中的“禁用 WebP”选项来显示 JPG 版本。并非所有视频都使用 webP 图像作为缩略图，因此较旧的视频需要重新生成其缩略图才能生成 webP 缩略图。
问：它可以自动播放视频吗？
答：这个插件是为性能而设计的，自动播放视频会破坏性能。这也很烦人！如果您关注的是性能，则不希望为用户自动播放视频。
更改日志
版本 1.0 （2020-05-17）
- 初始版本
法律内容
GDPR 合规性和隐私法规的遵守是您自己的责任。本插件和作者提供的信息不构成，也不打算构成法律建议;相反，本网站上提供的所有信息、内容和材料仅供一般参考之用。
评论0