use the window hostname on web for twitch embeds (#2311)

1 files changed, 6 insertions, 1 deletions

diff --git a/src/lib/strings/embed-player.ts b/src/lib/strings/embed-player.ts
index fdd39280e..ec996dfa5 100644
--- a/src/lib/strings/embed-player.ts
+++ b/src/lib/strings/embed-player.ts
@@ -1,3 +1,5 @@
+import {Platform} from 'react-native'
+
 export type EmbedPlayerParams =
   | {type: 'youtube_video'; videoId: string; playerUri: string}
   | {type: 'twitch_live'; channelId: string; playerUri: string}
@@ -48,12 +50,15 @@ export function parseEmbedPlayerFromUrl(
 
   // twitch
   if (urlp.hostname === 'twitch.tv' || urlp.hostname === 'www.twitch.tv') {
+    const parent =
+      Platform.OS === 'web' ? window.location.hostname : 'localhost'
+
     const parts = urlp.pathname.split('/')
     if (parts.length === 2 && parts[1]) {
       return {
         type: 'twitch_live',
         channelId: parts[1],
-        playerUri: `https://player.twitch.tv/?volume=0.5&!muted&autoplay&channel=${parts[1]}&parent=localhost`,
+        playerUri: `https://player.twitch.tv/?volume=0.5&!muted&autoplay&channel=${parts[1]}&parent=${parent}`,
       }
     }
   }