JSFiddle - React, Tailwind, and code Playground

by Csaba Hellinger

HTML

If playback doesn't start, check the console for error messages.

<!-- Apple test stream (HLS) -->

<video id="video" src="http://qthttp.apple.com.edgesuite.net/1010qwoeiuryfg/sl.m3u8" controls autoplay></video>

CSS

video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; 
  z-index: 0;  
}

JavaScript

//document.getElementById('video').play();