I’d like to reiterate this subject: Embedded Player within ios webbased mobile app (e.g. Ionic) not working from @SleeplessFox .
On Android its working perfect but in the iOS App the iframe will not be shown and no player is available. Just a white screen.
“Localhost” web content cannot be served with “http://localhost” on iOS, that’s just a limitation of iOS’
WKWebView. It has to be a custom scheme other than http/https/file. The popular Ionic framework uses
ionic://localhost by default. However, twitch only allows to specify the hostname in the “parent” parameter. If we specify
...&parent=ionic://localhost, Twitch refuses to render the player because of the special characters in the parent parameter.
I explained it in more detail on StackOverflow here: Twitch Embedded Player on Ionic iOS not working - Stack Overflow
What we’d need is for twitch to allow us to specify the scheme in addition to the
parent host. Either in the parent parameter like
...&parent=ionic://localhost, or with a dedicated parameter, something like
...&parent=localhost&scheme=ionic - or anything else, the goal being that we get a CORS header like:
Content-Security-Policy: frame-ancestors ionic://localhost:*
Could someone from Twitch please check if this is possible?