If the option to view a video in full-screen mode is missing from the player, it indicates that full-screen is unavailable. This article outlines the potential ways to resolve this issue.
In this article:
- Check player settings in Vimeo
- Check the embedded code
- Check for nested iframes or frames
- Check for site-level overrides (no-fullscreen-support)
Check player settings in Vimeo
- Go to your Library, select the video, and navigate to the Appearance tab.
- Ensure the Full-screen button is toggled on under the Controls section.
Check the embedded code
The iframe embed code might be missing necessary fullscreen attributes.
- Check if the following attributes are present in your iframe tag: mozallowfullscreen, webkitallowfullscreen, and allowfullscreen.
- If you are pasting the embed code into another application, ensure these attributes are retained.
Example embed code
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/000&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" mozallowfullscreen webkitallowfullscreen allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Example video does not exist"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
Check for nested iframes or frames
- Nested Iframes:
- The player iframe is contained within another iframe that is missing the fullscreen attributes (mozallowfullscreen, webkitallowfullscreen, allowfullscreen). Browsers prevent nested iframes from entering full-screen without these attributes on the container.
- Try inserting the player outside of the container iframe or add the fullscreen attributes to the container iframe.
- Frame Elements:
- The iframe is contained within a <frame> element. Frame elements, and any iframes inside them, cannot enter full screen.
- We recommend removing all <frame> tags from your page’s source code.
Check for site-level overrides (no-fullscreen-support)
- Inspect the embedded site and search for the parameter 'no-fullscreen-support' in the browser's Elements tab.
- If this tag is present, it overrides the Fullscreen attribute. The user must contact the site developer to resolve this issue.
If you've checked all the steps above and are still experiencing the issue, please contact us, and we will investigate further. Be sure to include a link to the page where the video is embedded so we can examine the page's source code.