jquery - 在 fancybox 3 中自动播放 YouTube 视频(隐私增强模式)

标签 jquery youtube fancybox fancybox-3

可以通过将 ?autoplay=1 附加到视频 URL 来在 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 没有。

最佳答案

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

$('video').click();

如果视频位于 iframe 中,您应该仍然可以执行此操作;

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

关于jquery - 在 fancybox 3 中自动播放 YouTube 视频(隐私增强模式),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55142979/

相关文章:

javascript - 下划线模板和其他html文件如何绑定(bind)?

jquery - 事件处理程序不适用于动态内容

javascript - jqGrid - 绑定(bind)键更改箭头和 Tab 键行为

html - 将YouTube订阅按钮添加到我的代码中

javascript - 我如何用javascript模拟点击一个div

javascript - 在 bxslider 中使用 fancybox 时显示多个缩略图

html - 如何使用fancybox显示特定类别的网页?

JavaScript/Ajax - 检查另一个页面上的数据是否不同

youtube - 将YouTube嵌入网站,以在新页面中打开(不在同一页面中)

javascript - 来自同级容器的 FancyBox 标题