FROM CACHE - en_header

How to Open A Popup Outside of an app iframe

Shopify Partner
48 0 6

Hello Guys,

I am developing a Shopify app and want to show a youtube video for guidance to users.  I am showing the youtube video by an iframe in a modal but getting message as "Fullscreen is unavailable" when trying to click the full-screen icon of a youtube video.


My HTML code inside the modal is : 

<iframe id="video-frame" width="600" height="315" src="" frameborder="0" allow="fullscreen" webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen ></iframe>

Can anyone help with me that how can we show a full-screen option inside the app and also correct me if this is out of the scope while inside a Shopify app?

Also, I have seen some applications are showing popup outside of the Shopify app iframe. So can anyone guide me on how to achieve that also? I am only able to show my popup inside the app only.
Also, I am not using any javascript framework like React and all. I am just using HTML, CSS & Js for my development. So showing the popup outside of an app is possible or not and how to achieve this.

Please refer to this screenshot for a better understanding.

I am stuck with these questions and any help or information regarding this will be highly appreciated.

Thanks in advance.

Reply 1 (1)
New Member
1 0 0