『壹』 网页中用HLS.js播放.m3u8文件，为什么在HTTP中可以播放，在HPPTS中却不可以播放
两种地址的解码不一样。如果是说非要能够播放，建议你直接用前面的，不要用后面的。
『贰』 html5<video>解析m3u8播放视频
我也遇到这个问题，据说使用方法其他串一样，把m3u8串传入src就行了。我亲测过了，在电脑上不行，在手机上可以。电脑是Chrome、safari、Mozilla的，手机是欧朋浏览器。之前我是用vlc插件的。现在Google都不支持NPAPI了。也用不了了。可以试试sewiseplayer，虽然是flash的但是开源的，里面都有例子，只要解决跨域问题，也是很好用的。
『叁』 m3u8用什么浏览器
不能用浏览器，支持较好的仍然是使用FlashPlayer来播放m3u8格式的视频，这样能够很好的利用计算机的性能，使视频质量达到最优良的效果，但不是h5。
H5支持的视频格式，默认使用的是video标签，但是video不支持m3u8格式，因此需要用到开源的js库来解码视频流。
1、如下所示，我的电脑桌面上有一个下载的后缀为的m3u8文件。
『肆』 有支持M3U8格式的HTML5播放器吗
有的，在浏览器上播放m3u8的视频地址有两种方式：
一、html的video标签的方式，这种方式播放很简单:
<!DOCTYPE hmtl>
<html>
<head>
<title>the5fire m3u8 test</title>
</head>
<body>
<video controls autoplay >
<source src="../v1d30/posts/2014/barcelona/barcelona.m3u8">
</video>
</body>
</html>
二、通过开源的swfobject.js以及两个flash组件：OSMF和HLSProvider来播放，代码如下：
<!DOCTYPE html>
<html>
<head>
<title>the5fire m3u8 test</title>
<script src="../staticfile/swfobject.js"></script>
</head>
<body>
<div id="player">
</div>
<script>
var flashvars = {
// M3U8 url, or any other url which compatible with SMP player (flv, mp4, f4m)
// escaped it for urls with ampersands
src: escape("http://www.the5fire.com/static/demos/diaosi.m3u8"),
// url to OSMF HLS Plugin
plugin_m3u8: "http://www.the5fire.com/static/demos/swf/HLSProviderOSMF.swf",
};
var params = {
// self-explained parameters
allowFullScreen: true,
allowScriptAccess: "always",
bgcolor: "#000000"
};
var attrs = {
name: "player"
};
swfobject.embedSWF(
// url to SMP player
"http://www.the5fire.com/static/demos/swf/StrobeMediaPlayback.swf",
// div id where player will be place
"player",
// width, height
"800", "485",
// minimum flash player version required
"10.2",
// other parameters
null, flashvars, params, attrs
);
</script>
</body>
</html>
通过嵌入以上代码就可以播m3u8了。
『伍』 有支持M3U8格式的HTML5播放器吗
有，而且也很多。
1.在目前支持较好的仍然是使用FlashPlayer来播放m3u8格式的视频，这样能够很好的利用计算机的性能，使视频质量达到最优良的效果，但不是h5。
2.H5支持的视频格式，默认使用的是video标签，但是video不支持m3u8格式，因此需要用到开源的js库来解码视频流。
3.总结调研结果，推荐常用的有hls.js，video.js，都是开源免费。还有几个需要注册才能使用的，不罗列说明。
4.原生的标签支持，目前无法实现，再浏览器的不断更新迭代基础上，未来是会支持的，不需要我们自己扩展。
5.除了3中说的几个，还有很多浏览器插件支持的方式，比如vlc插件，就很好用。
总结，推荐在github上搜索hls.js，会发现很多可用的内容。
『陆』 播放器怎么实现播放m3u8文件
M3U8直播流htm5目前网页是不支持的只能自己写了。不过html5 video标签支持的视频还要看在那个浏览器上每个浏览器都不一样。当前，video 元素支持三种视频格式Ogg MPEG4 WebM。所以写这个还要对应浏览器比较麻烦。
我记得jwplayer是用js写的你可以参考下自己写个解析m3u8视频的。