Why is fullscreen mode disabled on video players in embedded apps?

Technical Q&A
1

This topic has been brought up multiple times in this forum over the years but doesn’t seem to have a current solution.

Any video player, whether or not it is youtube/vimeo/video tag has fullscreen disabled when working with the embedded application. This is likely due to the permissioning on the iframe itself set by Shopify. There have been multiple topics that have asked the same question but no answers have been provided. Here are a few references.

https://community.shopify.com/c/shopify-apis-and-sdks/full-screen-youtube-embedded-video-in-app/td-p…

https://github.com/Shopify/polaris/issues/231

https://community.shopify.com/c/shopify-discussions/how-to-open-a-popup-outside-of-an-app-iframe/m-p…

Has anyone found a way to enable fullscreen on video players or found a good workaround?

2

Until it’s fixed upstream by shopify it may be needed to just link to a dedicated distraction-free external page you control that enables fullscreen.