How can I enable fullscreen mode on embedded video players?

Shopify Apps
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/1124184

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/913594

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

2

if you go into your product and click on the show editor which is to the top right of the description menu.

You will see that shopify has changed the Iframe that you copied from google.

Just swap the iframe with this.