如何自定义嵌入式 YouTube 视频播放器？

Question

当您使用提供的 <iframe> 代码嵌入 YouTube 视频时：您无法隐藏标题和其他几个“功能”。

其中一些功能可以在一天之内使用参数禁用。截至目前：它们已被弃用。

所以，现在我的客户需要嵌入 YouTube 视频，而不会出现我们在将鼠标悬停在视频上时看到的所有垃圾：标题、相关视频、频道徽标等。

Answer 1

根据我的研究，无法禁用标题和其他一些功能：无论是使用 URL 参数还是 CSS+JS。

尽管如此，我提出了一个具有很大潜力的解决方案：不仅保护用户隐私，还保护用户体验。 这个解决方案是：

1. 想办法提取 YouTube 视频源 URL；
2. 在<video> 或<iframe> 中使用提取的URL；
3. 复制 YouTube 播放器样式。

对于第一部分，我使用了 Invidious API。但我认为您也可以创建一个使用youtube-dl 提取视频 URL (?) 的 API。

在我的测试中，我什至不必安装自己的 Invidious 实例：我使用了公共 API 端点：

https://yewtu.be/latest_version?id=dasdsa312&itag=84

地点：

• id：视频ID；
• itag：视频流格式代码。

然后，我编写了 JavaScript 代码：

• 动态获取所有可用的 Invidious 公共实例；
• 生成一个视频元素，其中包含许多不同视频质量和可用实例的来源。

这些来源是根据我的网站 URL 中可用的查询参数生成的：

https://riservato-xyz.frama.io/watch/?v=gprAWYQ47uY

考虑到这一点，每当我需要定制的 YouTube 播放器时，我都可以使用自己的网站嵌入 YouTube 视频。

我知道测试网站（以前的网址）确实很慢。虽然，这是因为我没有使用自己的 Invidious 实例，而是依赖于公共实例。但它有效！

<iframe width="560" 
        height="315" 
        src="https://riservato-xyz.frama.io/watch/?v=W_xIBfrdxQU" frameborder="0"></iframe>