在 fancyBox v3 上启用全屏 Vimeo 视频按钮

Question

使用 fancyBox v3 加载 Vimeo 视频，一切正常，除了没有启用全屏按钮。文档说您可以向传递给 fancybox 的 URL 添加参数，但我似乎找不到全屏 URL 参数（它通常进入 iframe 标记）。生成的 iframe 标签确实有 webkitallowfullscreen、mozallowfullscreen 等，但是没有使视频本身全屏的按钮（尤其是在移动设备上的问题）。

使用以下代码：

<a data-fancybox href="{VIMEOLINK}">VIDEO TITLE</a>

有什么想法吗？提前致谢！

Answer 1

当玩家输入 "Mini mode" (https://help.vimeo.com/hc/en-us/articles/224972808-Customizing-the-embedded-player) 时，Vimeo 会隐藏全屏按钮。试着缩小你的浏览器，你会看到播放器会先进入"Tiny mode"，然后只有播放按钮可见。

您可以删除视频周围的免费 space（为导航箭头保留）以使播放器更宽，然后 "Mini mode" 将只针对小屏幕启动。

.fancybox-slide--video { 
    padding: 0; 
}