title: I want to stream .m3u8 format audio via video js
body: <p>I am working on a project which can stream audio streams that are in .m3u8 playlist (HLS playback). i am using videojs for the above said purpose.
  Everything was going smoothly when i was using .m3u8 with videos in (.ts) format. The streams were playing in all major browsers. 
  The code is below: </p>
  
  <pre><code>&lt;script src="video.js"&gt;&lt;/script&gt;
  &lt;script src="videojs.hls.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      //myPlayer is my object for videosjs
      myPlayer.src({
            type: "application/x-mpegURL",
            src:"a_valid_HLS_stream.m3u8"
      });
      myPlayer.play();
  &lt;/script&gt;
  </code></pre>
  
  <p>and in html </p>
  
  <pre><code>&lt;video id="myvideo"&gt;&lt;/video&gt;
  </code></pre>
  
  <p>This code is working fine for HLS containing bits of <code>.ts</code> video streams.</p>
  
  <p>Now my stream provider has changed the HLS streams by giving me <code>.m3u8</code> streams containing chunks of audio files in <code>.aac</code> format. 
  So now all the browsers except safari in apple devices are able to play such a stream. 
  Well I know the fact that HLS is natively support HLS playback but since videojs is for those who does not support the same by native. </p>
  
  <p>Although i made some changes in my code like below</p>
  
  <pre><code>&lt;script&gt;
      //myPlayer is my object for videosjs
      myPlayer.src({
            type: "application/x-mpegURL; audio/x-aac",
            src:"another_valid_HLS_stream.m3u8"
      });
      myPlayer.play();
  &lt;/script&gt;
  </code></pre>
  
  <p>and in the html page</p>
  
  <pre><code>&lt;audio id="myvideo"&gt;&lt;/audio&gt;
  </code></pre>
  
  <p>i also tried by changing the src type to <code>application/vnd.apple.mpegurl</code> which was actually set in header of the <code>.m3u8</code> stream but no luck there too. 
  Any help would be appreciated.</p>