Performance YouTube PlayerBlock for WordPress(Gutenberg)

wordpress最快的YouTube视频嵌入
wordpress的性能YouTube播放器块（Gutenberg）为wordpress块编辑器添加了一个新块，使您可以嵌入YouTube视频，同时保持网站的快速和性能。在Lighthouse/PageSpeed Insights上获得更好的分数，并为您的用户提供快速的网络体验。
web性能优化的重要插件
使嵌入的YouTube视频加载无需渲染阻塞、FOUC或CLS
没有饼干！符合GDPR并注重隐私
专为wordpress块编辑器（Gutenberg）设计
燃烧得很快！忘掉懒惰加载和jQuery替换黑客吧，Performance YouTube Player Block使用最新的Web Components技术快速加载YouTube嵌入。如果你想打造最快的网站，并希望包含YouTube视频，不要让YouTube用慢视频嵌入破坏你的Lighthouse/PageSpeed Insights/GT Metrix分数。
提高核心网络生命值！Performance YouTube Player在Shadow DOM上进行渲染，使浏览器能够将注意力集中在页面渲染的其他部分，从而获得快速加载时间。没有未格式化内容（FOUC）的闪烁，没有CLS问题（累积布局偏移），也没有渲染阻塞时间。
隐私第一！加载没有cookie的YouTube-没有跟踪，没有cookie，符合GDPR。与欧盟制定的法规一致，Performance YouTube符合《通用数据保护条例》，只在用户与视频互动时发送cookie。
WEBP THUMBNAILS WEBP是一种较新的图像压缩算法——WEBP文件的平均大小比JPG小25%-34%。这意味着您的视频缩略图加载速度更快。现在所有主要浏览器都支持WebP图像格式。
响应式可访问性能YouTube块默认情况下是响应式的（视频根据移动/桌面调整大小），并在标准wordpress YouTube嵌入之上提供许多视频选项，包括循环和隐藏控件。性能YouTube块也是可访问和SEO友好的。
性能YouTube阻止功能：
快速嵌入YouTube-获得尽可能好的Lighthouse/PageSpeed分数
全响应16:9–适用于手机、平板电脑和台式机，并可根据您的网站大小进行调整
加载时无Cookie、跟踪或GDPR顾虑
支持宽和全宽块对齐
（可选）设置自定义视频开始时间
初始启动后隐藏控件（可选）
可选循环视频
可通过键盘、自定义ARIA和alt文本进行访问
滚动查看时开始预加载视频
加载带有JPEG回退的webP缩略图
如果需要，可选择关闭webP缩略图
不需要API密钥
使用性能YouTube块
打开块编辑器，添加一个新块/使用块插入器，在“嵌入”类别下搜索性能YouTube块。您也可以直接从编辑器中插入，方法是键入“/”斜线，然后键入Performance YouTube。
性能YouTube设置
该块没有全局设置，每个块都可以根据需要进行自定义。
可用设置包括：
对齐方式-内容宽度、宽宽度、全宽度（取决于主题设置）
视频标题-添加标题以便于访问和SEO
视频开始时间–以秒为单位设置YouTube视频开始时间
控件–播放视频后隐藏视频的控件
循环播放–播放完视频后循环播放
缩略图–关闭webP缩略图（较旧的YouTube视频可能没有webP缩略图）
讨厌的东西
该插件使用Web组件，并使用其中两个主要标准；自定义元素和Shadow DOM。YouTube性能块是一个组件，使用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。由于它是块编辑器（Gutenberg）的块，那么你应该有WordPress 5.0或更高版本。
该插件将无法与安装的经典编辑器一起工作（因为这将禁用古腾堡块编辑器）
常见问题
Q： 我的视频缩略图显示为灰色YouTube错误缩略图
A： 您正在嵌入的视频没有webP缩略图。您可以在YouTube上编辑视频并重新保存缩略图以生成新的缩略图，也可以使用“块”设置中的“禁用WebP”选项来显示JPG版本。并非所有视频都使用webP图像作为缩略图，因此较旧的视频需要重新生成缩略图才能生成webP缩略图。
Q： 它能自动播放视频吗？