title: How can I play a m3u8 (file) video using the HTML5 <video> element?
body: <p>I came across this stackoverflow link that talks about playing a m3u8 file: <a href="https://stackoverflow.com/questions/19782389/playing-m3u8-files-with-html-video-tag">Playing m3u8 Files with HTML Video Tag</a></p>
  
  <p>I've tried doing something similar to play the video link in the m3u8 file like on phpfiddle: </p>
  
  <pre><code>    echo '&lt;video width="352" height="198" controls&gt;
  &lt;source src="https://udemy-adaptive-streaming-prod.udemy.com/9287/72689/2012-04-30_04-09-49-f5ad53b1736807ee7f8837b37115aeeb/hls/677cda5a7077be8d22348b5edebd77db.m3u8?sign=%252BCIehx2LKCxUcNSU33mWdfm5SbA%253D&amp;mign=EEsJDxEabAoMa1kFRgIfbEkIDw8RHGwKDGtZXAFYS3lHSwgIGEoJUl57U1sfTBQlBTYIFRkNEVlZfVtaAl5Dc15fAQ==&amp;quality=HD" type="application/x-mpegURL"&gt;&lt;/video&gt;';
  </code></pre>
  
  <p>But it's not working. It seems to show the video element but the video doesn't get loaded in it. Is it possible to play m3u8 files this way? The m3u8 file that I want to play is inside the "https://www.udemy.com/excel-tutorial/</p>
  
  <p>Thanks for any help. </p>