# HTML5 Embedded player?

**URL:** <https://discuss.dev.twitch.com/t/html5-embedded-player/150>\
**Category:** API\
**Created:** [September 11, 2013, 3:46am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150 "2013-09-11T03:46:47Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![asutherland](https://avatars.discourse-cdn.com/v4/letter/a/ec9cab/32.png) [@asutherland](https://discuss.dev.twitch.com/u/asutherland)\
**Post date:** [September 11, 2013, 3:46am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/1 "2013-09-11T03:46:47Z")

</div>

I have a website that heavily uses embedded twitch videos and I would really like it to be mobile friendly so that my users can watch embedded videos on their phones / tablets.

Is there any way to do this or is the flash player the only option.

As a side note, I cannot get the flash player to work in IE 10 either, anyone else having this issue?

Thanks,

Alex

---

<div class="post-metadata">

**Author:** ![asutherland](https://avatars.discourse-cdn.com/v4/letter/a/ec9cab/32.png) [@asutherland](https://discuss.dev.twitch.com/u/asutherland)\
**Post date:** [September 11, 2013, 3:51am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/2 "2013-09-11T03:51:13Z")

</div>

Also, it would be important to me that the player be available over https.

---

<div class="post-metadata">

**Author:** ![mpoon](https://avatars.discourse-cdn.com/v4/letter/m/f9ae1b/32.png) [@mpoon](https://discuss.dev.twitch.com/u/mpoon)\
**Post date:** [September 11, 2013, 6:15am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/3 "2013-09-11T06:15:40Z")

</div>

You can embed our HTML5 player by appending `/hls` to a channel url, e.g. [www.twitch.tv/day9tv/hls](http://www.twitch.tv/day9tv/hls). Even though this is an HTML5 player, there are some caveats that will likely not make the player as easily compatible as it seems. Specifically we only are using HLS with a .m3u8 playlist which isn’t supported on a number of different platforms.

Unfortunately we don’t have this over HTTPS yet, but we do serve our flash player over HTTPS.

---

<div class="post-metadata">

**Author:** ![asutherland](https://avatars.discourse-cdn.com/v4/letter/a/ec9cab/32.png) [@asutherland](https://discuss.dev.twitch.com/u/asutherland)\
**Post date:** [September 11, 2013, 2:18pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/4 "2013-09-11T14:18:27Z")

</div>

Thanks for the info!

Will it work on android chrome / iOS safari? That is my #1 goal.

Will it be available over HTTPS any time soon?

---

<div class="post-metadata">

**Author:** ![mpoon](https://avatars.discourse-cdn.com/v4/letter/m/f9ae1b/32.png) [@mpoon](https://discuss.dev.twitch.com/u/mpoon)\
**Post date:** [September 11, 2013, 6:23pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/5 "2013-09-11T18:23:13Z")

</div>

Android is weird in that it _will not_ work on Android Chrome but will work in the stock Android browser (well, previous stock Android browser now that Chrome is the stock browser). It’ll also work on all Safari browsers.

HTTPS HTML5 player is in the plans, but no ETA and probably not that soon.

---

<div class="post-metadata">

**Author:** ![asutherland](https://avatars.discourse-cdn.com/v4/letter/a/ec9cab/32.png) [@asutherland](https://discuss.dev.twitch.com/u/asutherland)\
**Post date:** [September 12, 2013, 2:17pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/6 "2013-09-12T14:17:48Z")

</div>

okay I guess I’ll just wait until you get around to the HTML5 https player, thanks.

---

<div class="post-metadata">

**Author:** ![Delavor](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Delavor](https://discuss.dev.twitch.com/u/Delavor)\
**Post date:** [November 4, 2013, 2:01am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/7 "2013-11-04T02:01:17Z")

</div>

Guys, i have a question. It’s working right now?

I ask because i have “Unsupported player” on Chrome, Firefox. On Internet Explorer (Windows 8) i have stream keyframe image but there is still Unknown Error and Unsupported player.

I’m creating website full in html5 so i want to have smooth player.

---

<div class="post-metadata">

**Author:** ![george](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/george/32/120_2.png) [@george](https://discuss.dev.twitch.com/u/george)\
**Post date:** [November 4, 2013, 6:48pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/8 "2013-11-04T18:48:55Z")

</div>

HLS desktop support is severely lacking. I do not believe there is any Windows based browser that is capable of playing it natively. OS X Safari, iOS and some Android browsers, as noted above, are the only ones I’m aware of that work.

---

<div class="post-metadata">

**Author:** ![hephaestus](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/hephaestus/32/201_2.png) [@hephaestus](https://discuss.dev.twitch.com/u/hephaestus)\
**Post date:** [January 13, 2014, 4:47am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/9 "2014-01-13T04:47:55Z")

</div>

Can we get an update on this?  
I have yet to find a browser that DOES work with /hls  
I’ve testing desktop chrome stable with all the user agents I could come up with.

In some situations the ads load, but streams do not

* * *

note that as of android 4.4 flash support is 100% gone

Android claims to have improved support for HLS but that’s still up in the air (considering the numerous active bug reports on [code.google.com](http://code.google.com))

---

<div class="post-metadata">

**Author:** ![george](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/george/32/120_2.png) [@george](https://discuss.dev.twitch.com/u/george)\
**Post date:** [January 14, 2014, 12:38am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/10 "2014-01-14T00:38:38Z")

</div>

As far as I’m aware the only browsers that work are Safari on Mac and iOS, Chrome on iOS (possibly other iOS browsers too), and the Android browser (not Chrome).

---

<div class="post-metadata">

**Author:** ![diplo](https://avatars.discourse-cdn.com/v4/letter/d/e9a140/32.png) [@diplo](https://discuss.dev.twitch.com/u/diplo)\
**Post date:** [March 13, 2014, 3:32pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/11 "2014-03-13T15:32:46Z")

</div>

Hi,

@george  
Is there any improvements since your last post ?

I need to embed a Twitch HTML5 player in a website (mobile & desktop). Since HLS is not supported in Chrome mobile I have to find a way to do this.

Thanks,

---

<div class="post-metadata">

**Author:** ![nyaaao](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/nyaaao/32/195_2.png) [@nyaaao](https://discuss.dev.twitch.com/u/nyaaao)\
**Post date:** [March 20, 2014, 7:35pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/12 "2014-03-20T19:35:01Z")

</div>

Hello,

I’m using Safari on OS X.  
When I visit /hls page, I get an “Origin [http://www.twitch.tv](http://www.twitch.tv) is not allowed by Access-Control-Allow-Origin.” error on AJAX request to [usher.justin.tv](http://usher.justin.tv), followed by a black screen and no video. So I have to copy the failing url into supporting player (i.e. Quicktime) to actually watch the stream.  
Do anyone happen to know when this is going to be fixed?

Thanks

---

<div class="post-metadata">

**Author:** ![destrozi](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/destrozi/32/191_2.png) [@destrozi](https://discuss.dev.twitch.com/u/destrozi)\
**Post date:** [April 6, 2014, 8:27pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/13 "2014-04-06T20:27:19Z")

</div>

It looks like Google is wary to support HLS and is supporting WebM / DASH specifications for HTML5 video and streaming respectively.

Is twitch going to support a DASH solution? Or is has it decided solely on supporting Apple’s HLS standard?

I would love to move away from a flash solution for twitch desktop browser streaming, but HLS really isn’t an option right now.

---

<div class="post-metadata">

**Author:** ![doodirock](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@doodirock](https://discuss.dev.twitch.com/u/doodirock)\
**Post date:** [May 29, 2014, 10:51pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/14 "2014-05-29T22:51:29Z")

</div>

So there is really no way to stream from mobile HTML5 atm? I’m quite shocked by this. How do people deal with streaming in their mobile apps? Any ideas would be welcome.

On a side note. Its strange to have an API dedicated to a streaming site, but with very little support to actually stream.

---

<div class="post-metadata">

**Author:** ![gateway](https://avatars.discourse-cdn.com/v4/letter/g/dbc845/32.png) [@gateway](https://discuss.dev.twitch.com/u/gateway)\
**Post date:** [May 31, 2014, 1:59am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/15 "2014-05-31T01:59:16Z")

</div>

Hmm this recently broke, did you guys mess with it… getting REQUEST URI not found in the JS code 😕

---

<div class="post-metadata">

**Author:** ![chpatrick73](https://avatars.discourse-cdn.com/v4/letter/c/7993a0/32.png) [@chpatrick73](https://discuss.dev.twitch.com/u/chpatrick73)\
**Post date:** [July 21, 2014, 6:34am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/17 "2014-07-21T06:34:54Z")

</div>

I use HTML5 player like this

"  
…iframe frameborder=“0” scrolling=“no” src=“[http://www.twitch.tv/channel/hls](http://www.twitch.tv/channel/hls)” autoplay=“autoplay” height=“500” width=“350” \>  
"

how could I add autoplay attribute, is doesnt work

---

<div class="post-metadata">

**Author:** ![RANK1](https://avatars.discourse-cdn.com/v4/letter/r/f05b48/32.png) [@RANK1](https://discuss.dev.twitch.com/u/RANK1)\
**Post date:** [August 15, 2014, 12:55am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/18 "2014-08-15T00:55:41Z")

</div>

so when we can add Twitch HTML5 player on our websites?

---

<div class="post-metadata">

**Author:** ![Fugiman](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/fugiman/32/108_2.png) [@Fugiman](https://discuss.dev.twitch.com/u/Fugiman)\
**Post date:** [August 15, 2014, 9:39pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/19 "2014-08-15T21:39:46Z")

</div>

```
<iframe height="378" width="620" frameborder="0" scrolling="no" src="http://www.twitch.tv/CHANNEL_NAME_HERE/embed"></iframe>

```

This will embed both HTML5 and Flash, as appropriate

---

<div class="post-metadata">

**Author:** ![xzer123](https://avatars.discourse-cdn.com/v4/letter/x/7993a0/32.png) [@xzer123](https://discuss.dev.twitch.com/u/xzer123)\
**Post date:** [October 21, 2014, 6:00am UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/20 "2014-10-21T06:00:06Z")

</div>

in this player - autoplay is always on  
how it can be disable?

---

<div class="post-metadata">

**Author:** ![HanZ](https://avatars.discourse-cdn.com/v4/letter/h/aca169/32.png) [@HanZ](https://discuss.dev.twitch.com/u/HanZ)\
**Post date:** [February 2, 2015, 8:45pm UTC](https://discuss.dev.twitch.com/t/html5-embedded-player/150/21 "2015-02-02T20:45:33Z")

</div>

Dear Twitch-Team,  
it’s now more than a year, since you stated HTML5 will come in a few months. The /hls-method is working in only at a fraction of browser.  
Regarding the last 2 weeks and the discovered critical security issues with the Adobe Flash Player, it’s now really time, to offer your visitors a working HTML5-alternative, even though it might be in beta-mode.

Flash is an internet-relict of great antiquity. Its time is over. Yours not. Get with the time. Youtube now offers HTML5-support by default.

[Next page](https://discuss.dev.twitch.com/t/html5-embedded-player/150.md?page=2)
