YouTube 和 FancyBox 视频功能

Posted

技术标签:

【中文标题】YouTube 和 FancyBox 视频功能【英文标题】:YouTube and FancyBox Video Functionality 【发布时间】:2016-08-10 23:28:34 【问题描述】:

我正在尝试在实际页面中嵌入 YouTube 视频,然后使用 FancyBox 插件在灯箱中添加另一个视频。当我这样做时,我得到:

拒绝在框架中显示“YouTube 视频 URL”,因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

我希望页面上的视频自动播放,并且灯箱中的视频在点击时播放并暂停页面上嵌入的视频。感谢您在解决此问题方面的任何帮助,我对 YouTube API 或 FancyBox 的工作并不多。

编辑:

借助以下功能,我能够嵌入两个视频,一个在页面上,一个在灯箱中: embed youtube video - Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'

以防万一,以后有人需要回答这个问题。将 URL 从 watch 更改为 embed 允许这样做。

谁能帮助使用 FancyBox 的播放/停止功能?

谢谢!

【问题讨论】:

【参考方案1】:

借助以下功能,我能够嵌入两个视频,一个在页面上,一个在灯箱中:embed youtube video - Refused to display in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'

以防万一,以后有人需要回答这个问题。将 URL 从 watch 更改为 embed 允许这样做。

【讨论】:

以上是关于YouTube 和 FancyBox 视频功能的主要内容,如果未能解决你的问题,请参考以下文章

无法在 Fancybox 中加载 YouTube 视频 - 空白页

尝试使用fancybox 3获取YouTube玩家ID

YouTube iFrame 的 Fancybox/Fancyapp 滚动条——在 Firefox 中显示

fancybox 没有用于视频库的导航按钮,但它在小提琴中工作

jQuery Fancybox 和 YouTube 嵌入

在灯箱中打开YouTube视频。