Flowplayer · HLS support

application/x-mpegurl is played if the browser supports it or if it supports Flash.

To avoid Flash in modern browsers and get better playback performance consider using the hlsjs plugin.

<head/>

<style>

.flowplayer {
  background-color: #bbb;
}

CSS

<script>

// display information about the video type
flowplayer(function (api) {
  api.on("load", function (e, api, video) {
    $("#vinfo").text(api.engine.engineName + " engine playing " + video.type);
  });
});

JavaScript

<body/>

<div class="flowplayer" data-ratio="0.5625">
 
  <video>
      <source type="application/x-mpegurl" src="//edge.flowplayer.org/FlowplayerHTML5forWordPress.m3u8">
      <source type="video/mp4"             src="//edge.flowplayer.org/FlowplayerHTML5forWordPress.mp4">
   </video>
 
</div>
 
<p id="vinfo" class="info">&nbsp;</p>

HTML