title: Chrome/Firefox won't play HLS video/mp2t video stream in HTML player
body: <p>I’m currently working on a web application whose main purpose is streaming/timeshifting TV channels. Application is written in Javascript React framework and for web player we are using <a href="https://github.com/CookPete/react-player" rel="nofollow noreferrer">CookPete ReactPlayer</a> with integrated hls.js. We have managed to successfully play live TV channels but unfortunately, we are experiencing some issues with timeshifting channels</p>
  
  <p>Live streams are distributed over <a href="https://xtream-ui.com/" rel="nofollow noreferrer">XtreamUI</a> server as a m3u8 lists, and have this kind of format 
  example.org/live/username/password/channel_1.m3u8
  So when a user is watching Live TV this kind of URL goes to the player source and CookPete player + hls.js are doing their magic with parsing/processing m3u8 list which results in playing video flawlessly.</p>
  
  <p>Here comes the problem, for timeshift XtreamUI are using this kind of URL <a href="https://example.org/streaming/timeshift.php?username=XXX&amp;password=XXX&amp;stream=2&amp;start=2020-04-26:19-23&amp;duration=7" rel="nofollow noreferrer">example.org/streaming/timeshift.php?username=XXX&amp;password=XXX&amp;stream=2&amp;start=2020-04-26:19-23&amp;duration=7</a>
  As you can see its PHP script which STREAMS raw bytes into the player.  Here are response headers from /streaming/timeshift.php </p>
  
  <p><img src="https://i.stack.imgur.com/sqOtL.png" alt="Web inspector"></p>
  
  <p>As you can notice, the Content-type is video/mp2t which for some reason cannot be played in the browser environment.( Google Chrome, Mozilla Firefox, IE 11). This warning pops up.</p>
  
  <p><img src="https://i.stack.imgur.com/RtucO.png" alt="Console warning"></p>
  
  <p>On the other hand, Safari browser on Mac video is playing completely normal, but the request from Safari is a little bit different. This is a screenshot from Safari's console network tab. As you can see there are several requests with different byte-ranges.</p>
  
  <p><img src="https://i.stack.imgur.com/nyudi.png" alt="Network tab"></p>
  
  <p>We are seeking a solution which will provide playing timeshift video (video/mp2t content) in Google Chrome, Mozilla Firefox and IE 11. All suggestions/advices are welcome.</p>