使用fancyBox v3加载Vimeo视频,除非没有启用全屏按钮,否则一切正常。文档说您可以将参数添加到传递给fancybox的URL,但我似乎无法找到全屏URL参数(它通常会进入iframe标记)。生成的iframe标签确实有webkitallowfullscreen,mozallowfullscreen等,但是没有按钮可以使视频本身全屏(特别是移动设备上的问题)。
使用以下代码:
<a data-fancybox href="{VIMEOLINK}">VIDEO TITLE</a>
有什么想法吗?提前谢谢!
答案 0 :(得分:1)
当玩家进入&#34;迷你模式&#34;时,Vimeo会隐藏全屏按钮。 (https://help.vimeo.com/hc/en-us/articles/224972808-Customizing-the-embedded-player)。尝试缩小浏览器,您将看到播放器将进入&#34;微小模式&#34;首先,然后只显示播放按钮。
您可以删除视频周围的空闲空间(保留用于导航箭头)以使播放器更宽,然后是“迷你模式”#34;只是为了小屏幕而开始。
.fancybox-slide--video {
padding: 0;
}