Enable fullscreen Vimeo video button on fancyBox v3

Question

Using fancyBox v3 to load Vimeo videos, and all is working great except there is no fullscreen button enabled. The documentation says you can add parameters to the URL passed through to fancybox, but I cannot seem to find a fullscreen URL parameter (it usually goes into the iframe tag). The iframe tag generated does have the webkitallowfullscreen, mozallowfullscreen, etc, but there is no button to make the video itself fullscreen (particularly an issue on mobile).

Using the following code:

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

Any ideas? Thanks in advance!

Answer 1

Fullscreen button is hidden by Vimeo when player enters "Mini mode" (https://help.vimeo.com/hc/en-us/articles/224972808-Customizing-the-embedded-player). Try to shrink your browser and you will see that the player will enter "Tiny mode" first and then only play button will be visible.

You can remove free space around the video (reserved for navigation arrows) to make player wider and then "Mini mode" would kick in just for tiny screens.

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