The following demo uses the HTML5 <video> tag. Video source1 is the famous Coke ad encoded as HLS. Source2 is the same ad in MP4 format.

Try loading this page in different browsers and devices. Mobile devices and some desktop browsers (eg Safari) play the HLS version while other desktop browsers play MP4.

We have another demo that uses the open source Videojs player. This consistantly plays the HLS version on almost all browsers and devices.

This article explains how using HLS for videos can save money and provide a better user experience.

  <video width="320" height="180" controls poster="https://www.managedtime.com/videos/hilltopad-h5-poster.jpg">
    <source src="https://www.managedtime.com/videos/hilltop_hls_avc/a6f5a26f8dac56604cc385ecb8f1e6ff.m3u8" type="application/x-mpegURL">
    <source src="https://www.managedtime.com/videos/cokeHilltop-mp4titled.mp4" type="video/mp4">
    Your browser is not HTML5 capable
  </video>