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

Question

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

使用以下代码：

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

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

Answer 1

当玩家进入“迷你模式”时，Vimeo 会隐藏全屏按钮 (https://help.vimeo.com/hc/en-us/articles/224972808-Customizing-the-embedded-player)。尝试缩小浏览器，您会看到播放器会先进入“微型模式”，然后才会看到播放按钮。

您可以删除视频周围的可用空间（为导航箭头保留）以使播放器更宽，然后“迷你模式”将仅适用于小屏幕。

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