在 fancybox 3 中自动播放 YouTube 视频（隐私增强模式）答案

【问题标题】：Autoplay YouTube video (privacy-enhanced mode) in fancybox 3在 fancybox 3 中自动播放 YouTube 视频（隐私增强模式）
【发布时间】：2019-03-13 13:24:37
【问题描述】：

通过将?autoplay=1 附加到视频网址，可以在fancybox 中自动播放常规YouTube 视频：

<a class="lightbox" href="https://www.youtube.com/embed/zRwBVYjUBOc?autoplay=1">video</a>

……和……

$(document).ready(function(){
    $("a.lightbox").fancybox();
});

不幸的是，在某些浏览器（Chrome、Safari）中，如果启用了“隐私增强模式”（youtube-nocookie.com），这将不起作用：

<a class="lightbox" href="https://www.youtube-nocookie.com/embed/zRwBVYjUBOc?autoplay=1">privacy-enhanced mode video</a>

youtube-nocookie.com 不完全支持选项 autoplay=1。

如何在隐私增强模式下仍然在灯箱中自动播放视频？

编辑（3 月 23 日）： Firefox、Chrome 和 Safari 立即开始在 https://www.youtube.com/embed/zRwBVYjUBOc?autoplay=1 上播放视频（也没有fancybox - 只需打开 url）。我发现 Firefox 仍然开始播放 https://www.youtube-nocookie.com/embed/zRwBVYjUBOc?autoplay=1 上的视频，只有 Safari 和 Chrome 没有。

【问题讨论】：

这可能是问题的原因吗？ - developers.google.com/web/updates/2017/09/…
@Janis 我不知道谷歌的决定是否与此有关。我想这可能与欧洲通用数据保护条例有关。我的问题的解决方案可能是通过fancybox 的afterLoad : function() {}。用户已经点击了一个链接来打开fancybox中的视频，所以这不是加载时自动播放，而是点击时自动播放。
@Ben 也许我误解了你的问题，但这是一个有两种模式的工作示例：codesandbox.io/s/y0kmrk51lj
@Fraction 谢谢！我第一次用 Safari 试了一下：我第一次点击“隐私增强模式视频”打开了 fancybox，但是视频没有开始播放。关闭fancybox并再次单击相同的链接后，它起作用了：Fancybox打开并且视频开始播放。在 Firefox 中，它在第一次点击时立即生效。感谢您的示例，当我打开 URL youtube-nocookie.com/embed/zRwBVYjUBOc?autoplay=1 时，我发现 ?autoplay=1 参数在 Firefox 中有效，但在 Chrome 或 Safari 中无效。
如果您在新选项卡中打开链接（用鼠标中键单击链接），它会起作用。如果你在同一个标签中打开它，它就不起作用……我在 Chrome 中

标签： jquery youtube fancybox fancybox-3

【解决方案1】：

不完全确定这个 youtube-nocookie 应该如何工作，但您肯定可以使用 javascript 触发点击...

$('video').click();

如果视频在 iframe 中，您应该仍然可以这样做；

$('iframe').contents().find('video').click();

【讨论】：

我认为你误解了这个问题。我不希望用户点击视频。当用户点击链接时，这将打开一个灯箱并生成一个带有视频的 iframe。我想立即开始播放视频，无需任何进一步的用户交互。
不，我完全理解这个问题。你误解了答案。 “触发”一次“点击”是指通过代码执行此操作而无需用户交互。
对不起。没错，是我误会了。我试过你的例子，但它不起作用（Safari 和 Chrome）：codesandbox.io/s/jnzwqr6q7w
我刚发现最初的问题并不影响所有浏览器。请参阅上面的编辑。
你能用fancybox设置一个小提琴，然后你就是视频-我看看。