Detection only & open in new tab

[rotate4all]

trafficstars

Hi,

I've just found your code and must say this is a very clever solution. However there are some caveats which you should mention like: images, fonts & other external requests won't load.

So I think the best solution would be to simply DETECT if the URL which is restricted from being shown inside iframes, then in the iframe window simply generate a simple button which reads "CLICK HERE TO OPEN IN A NEW TAB" instead of proxying the request.

That would be great as an additional functionality to your class.

[niutech]

Can you give an example URL which cannot load its assets, provided that it starts with https:// (no mixed content)?

[rotate4all]

Sure. Try with https://www.youtube.com

[niutech]

This is due to AJAX in an IFrame being blocked by CORS. It would be necessary to proxy XHR too. Try loading https://www.youtube.com/?disable_polymer=1 instead.

[E3V3A]

Yes, most youtube loads, but not: Bloomberg DW

[E3V3A]

@niutech What does the disable_polymer do?

[niutech]

@E3V3A As the name shows, it disables the latest redesign using Polymer, which loads web components dynamically. Try appending &disable_polymer=1 for video URLs as well, e.g. https://www.youtube.com/watch?v=dp8PhLsUcFE&disable_polymer=1 or use the embed URLs in regular iframes: https://www.youtube.com/embed/dp8PhLsUcFE

[E3V3A]

@niutech Yeah, I tried that already. Didn't work for the two cases above...

[niutech]

For a single video, a standard iframe should work.

[E3V3A]

Those 2 has iframe disabled, which is why I am here...