Check for HLS capability HTML5 Video

isHLSCapable.js

function isHLSCapable() {
  var video = document.createElement("video");

  var mimeTypes = ["application/x-mpegURL", "application/mpegURL", "application/vnd.apple.mpegURL"];
  var capable = [];

  mimeTypes.forEach(function (mimeType) {
    capable.push(video.canPlayType(mimeType));
  });

  return capable.indexOf("maybe") > -1;
}

console.log("isHLSCapable():", isHLSCapable()); // Outputs true in HLS capable browsers (Safari, Safari Mobile for now)