How to Open A Popup Outside of an app iframe

sbdev
Shopify Partner
39 0 3

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="https://www.youtube.com/demo" 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.  
https://prnt.sc/uxiz3p

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

Thanks in advance.

0 Likes
Pinoylambingan
New Member
1 0 0

watch pinoy series https://pinoylambinganseries.su/ latest episodes

 

0 Likes