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