While it works on Android, it is still impossible to use iframe embeds on web-based mobile iOS apps. The reason being that iOS' WKWebView expects <schema>://<host> in the CORS headers returned by Twitch. Twitch uses the parent parameter to generate those headers. Unfortunately, iOS prevents the use of http://, https:// and file:// as schemas and forces us to use a custom schema like ionic://localhost (or anything else) for accessing local files.

The request is to add the ability for twitch embeds to return a CORS header that can match a custom scheme like ionic://localhost.

I read through all forum topics on that subject but none provides a working solution. Please see the following discussions for an in-depth explanation why the current state of twitch embed cannot work and a suggestion for a solution:

• https://discuss.dev.twitch.tv/t/embedded-player-within-ios-web-based-mobile-app-e-g-ionic-not-working/36227
• https://stackoverflow.com/questions/68105361/twitch-embedded-player-on-ionic-ios-not-working

Describe the bug:

VS2019 UWP WebView
Does not play Twitch and Twitch embed, black screen, infinite loading.

Reproduce

Test 1 - WebView UWP project:
Iniciate UWP project, add WebView with source url:
https://www.twitch.tv/
https://player.twitch.tv/?channel=esl_csgo&parent=localhost

Go Project Properties > Tab: Debug, in Debugger type: Application process set to 'Script' to inspect WebView console

Test 2 - Another browser same enginer:
insert the source url:
https://www.twitch.tv/
https://player.twitch.tv/?channel=esl_csgo&parent=localhost

on JavaScript Browser: https://github.com/MicrosoftEdge/JSBrowser

Output:
Exception was thrown at line 1, column 124483 in https://static.twitchcdn.net/assets/vendor-a6a1f255f35b353a66f3.js
0x800a1391 - JavaScript runtime error: 'globalThis' is not defined
Exception was thrown at line 1, column 845709 in https://static.twitchcdn.net/assets/player-main-3d0abb9af23b3bb9aecd.js
0x8000ffff - JavaScript runtime error: Argumento inválido
Exception was thrown at line 1, column 750875 in https://static.twitchcdn.net/assets/player-main-3d0abb9af23b3bb9aecd.js
0x8000ffff - JavaScript runtime error: Argumento inválido
Exception was thrown at line 1, column 750875 in https://static.twitchcdn.net/assets/player-main-3d0abb9af23b3bb9aecd.js
0x8000ffff - JavaScript runtime error: Argumento inválido
Exception was thrown at line 1, column 889787 in https://static.twitchcdn.net/assets/player-main-3d0abb9af23b3bb9aecd.js
0x8000ffff - JavaScript runtime error: Argumento inválido
Exception was thrown at line 1, column 750875 in https://static.twitchcdn.net/assets/player-main-3d0abb9af23b3bb9aecd.js
....

Timestamp is not working properly when clicking on the twitch logo on an embedded VOD video

When clicking on the twitch logo of an embedded video of a VOD, the normal behavior should be that it goes to another tab and opens the VOD with the timestamp working. However the behavior that is shown in the video and through my experience is that due to the link/url including "/?ttcontent=twitchlogo&tt_medium=embed" after the timestamp, it invalidates the link with the timestamp.

[https://www.twitch.tv/videos/1044994951?t=3h47m46s/?tt_content=twitch_logo&tt_medium=embed]

[https://www.twitch.tv/videos/1044994951?t=3h47m46s%2F%3Ftt_content%3Dtwitch_logo]

If the link was instead "https://www.twitch.tv/videos/1044994951?tt_content=twitch_logo&tt_medium=embed&t=3h47m46s", it would work as intended.

I hope the issue can be resolved soon, thank you

Here is a video example of the issue, thank you for looking into this.
https://streamable.com/b73480

For reference, I used this website: https://twitchmultivod.com/#/1044994951/1045012895

(I initially contacted twitch support, but they told me to post it here instead)

Allow us to embed the clip editor.

I have a personal site that I used to list and view all of my clips that I make during a stream. I also have functions for tagging my clips for easier searching, and other implementations.

Currently, I have to link to the edit page, to edit the clip to the desired length and position. Then, go back to my site to embed the clip player, where I have my extra functionality. My desired work flow would be to just embed the edit page, so that I could use my page's tagging functions in a much quicker, and easier way.

As we all know by know the recent bunnyhop incident showed, that the way this feature is offered today might actually lead to ways of URL grabbing and harvesting.

The way it is designed today makes it easy to replace it and harvest many streams as content.

"<!-- Add a placeholder for the Twitch embed -->
<div id="twitch-embed"></div>

<!-- Load the Twitch embed script -->
<script src="https://player.twitch.tv/js/embed/v1.js"></script>

<!-- Create a Twitch.Player object. This will render within the placeholder div -->
<script type="text/javascript">
new Twitch.Player("twitch-embed", {
channel: "itmkoeln"
});
</script>"

Even if that gets moved in the dashboard instead of the share stream mechanic it just takes to change the name (which is open for harvest). Without any tokens it is literally irrelevant where this is placed.

I am concerned because the streams I mod for were among those featured by those malicious people...

What I would suggest in the Dashboard visible to streamer and editors a list and a block this source option. I can see that third parties might be in need to be able to embed streams but this either should require a API confirmation token in the link in my opinion and the option to revoke this embedded feature...

And yes I am aware that Streamlabs does this for their Paying customers as are thirdparty multistream sites...

My genuine fear is that we got rid of this mischievous content thief site but the likes of these are not going away if twitch doesn't harden the embedded feature against abuse...