# Twitch Embed (Chat & Channel) Not working for Firefox browser

**URL:** <https://staging-discuss.dev.twitch.com/t/twitch-embed-chat-channel-not-working-for-firefox-browser/23812>\
**Category:** API\
**Created:** [January 20, 2020, 12:34am UTC](https://staging-discuss.dev.twitch.com/t/twitch-embed-chat-channel-not-working-for-firefox-browser/23812 "2020-01-20T00:34:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gturbo](https://avatars.discourse-cdn.com/v4/letter/g/b77776/32.png) [@gturbo](https://staging-discuss.dev.twitch.com/u/gturbo)\
**Post date:** [January 20, 2020, 12:34am UTC](https://staging-discuss.dev.twitch.com/t/twitch-embed-chat-channel-not-working-for-firefox-browser/23812/1 "2020-01-20T00:34:48Z")

</div>

I’m new to making websites but I’m fooling around with coding and can’t find a work around.

Check the screenshot:

 ![PNG](https://d2spem0quai2ol.cloudfront.net/original/2X/3/34f243a92807717a8235ed28a7bd23ce1698a572.jpeg)

On Chrome the chat and background image works fine, on Firefox they don’t work. Can anyone advise? Is this a bug?

Below is the code I’ve made so far…

```
<Header>
	<Title>GTurbo.Club - Home</Title>
</Header>
<Body bgcolor="333333" text="CCCCCC">
	<center>
		<P><b><h1><font color="#9966FF"> Welcome to GTurbo.Club!</font></h1></b></P>		
		<P><b><i><h5><font color="FFFF33"> This website is run off of Paypal Donations </font></h5></b></i></p>
	</center>
	<table align="center" Border="4" borderColor="9966FF" Width="740" height="500" 
	bgcolor="#CCCCCC">
		<TR>
			<TD><B><font color="000000"><center> GTurbo's live stream:</font></b></center>
	<center><iframe width="720" height="480" src="https://player.twitch.tv/?channel=gturbo"
	-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>
	<div id="paypal-button-container"></div>

```

```
	<center></center></center>
	</td>

```

---

<div class="post-metadata">

**Author:** ![jbulava](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/jbulava/32/6777_2.png) [@jbulava](https://staging-discuss.dev.twitch.com/u/jbulava)\
**Post date:** [February 10, 2020, 7:39pm UTC](https://staging-discuss.dev.twitch.com/t/twitch-embed-chat-channel-not-working-for-firefox-browser/23812/2 "2020-02-10T19:39:32Z")

</div>

It looks like your iframe parameters are a little garbled; there’s a couple style attributes and an out of place double quote. My assumption is that Chrome is still able to figure out a way to display it and Firefox is not. I would also recommend not using attributes like “bgcolor” and “text” as these are not compatible in HTML5. Here is a suggested edit for the iframe and using inline CSS:

```
<header>
	<title>GTurbo.Club - Home</title>
</header>
<body style="background-color: #333333; color: #CCCCCC;">
	<div style="text-align: center;">
		<h1 style="color: #9966FF;">Welcome to GTurbo.Club!</h1>
		<h5 style="color: #FFFF33;">This website is run off of Paypal Donations</h5>
	</div>

	<div style="text-align: center; margin: 0 auto; color: #000000; border: 4px solid #9966FF; width: 740px; height: 500px; background-color: #CCCCCC;">
		GTurbo's live stream:<br />
		<iframe
			src="https://player.twitch.tv/?channel=gturbo"
			height="480"
			width="720"
			frameborder="0">
		</iframe>
		<div id="paypal-button-container"></div>
	</div>
</body>
```

---

<div class="post-metadata">

**Author:** ![system](https://d2spem0quai2ol.cloudfront.net/original/2X/0/05909729875cce3b53e59d5561c4d23bb14948fc.png) [@system](https://staging-discuss.dev.twitch.com/u/system)\
**Post date:** [March 11, 2020, 7:39pm UTC](https://staging-discuss.dev.twitch.com/t/twitch-embed-chat-channel-not-working-for-firefox-browser/23812/3 "2020-03-11T19:39:36Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
