问如何在移动和桌面上播放html5视频播放m3U8？

EN

HLS将只在6+中的桌面上工作。看看这里，供参考。

对于桌面上的HTML5视频，您可以考虑使用MPEG破折号。它有一个JS库，它可以在以下浏览器中实时和按需工作：

截至8/30/13，支持Android的浏览器只有桌面Chrome、桌面Internet 11和。

如果你想要更广泛的浏览器/设备覆盖自适应流技术，你将需要考虑使用Flash，它支持RTMP和HDS，或者Silverlight与平滑流(Flash有更好的覆盖面，我应该说)。

今天，大多数媒体公司都采用了混合方式Flash (HDS/RTMP -桌面)/ HTML5 (HLS - mobile)，预先在设备上与JavaScript检查可以读取哪些内容并交付合适的播放器/流协议。

FYI您可以在Windows桌面上使用类似VLC的软件播放HLS流。

看看hls.js项目https://github.com/video-dev/hls.js/，它正好解决了这个问题。

这是一个关于如何使用它的小样本。

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>

一旦解析了清单，就可以使用原始html5视频元素的所有常规事件、属性和方法。

您可以在这里找到他们的演示：https://video-dev.github.io/hls.js/demo/

我知道现在找答案有点晚了，但我正在寻找这个信息，在堆栈溢出上找不到一个好的答案。

据我所知，在移动和桌面上，没有任何一种格式可以在盒外工作。如果您想节省转码能力，只使用一种格式，我建议您使用HLS格式，因为它在移动环境下工作非常好，您可以使用免费的库在浏览器中显示视频。

https://github.com/videojs/videojs-contrib-hls有一个视频has的工作示例。它在Safari中使用HTML5，并返回到其他浏览器上的flash。如果您有另一个玩家，请查看https://github.com/mangui/flashls以获得更多的示例