如何在HTML页面中播放.m3u8。。

我试过视频标签，jw播放器。但没有任何帮助

jw代码

<script type='text/javascript' src='jwplayer.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript"> jwplayer('mediaplayer').setup({ 'width': '480', 'height': '270', 'file': 'http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8', 'image': '/thumbs/sample.jpg', 'modes': [ {type: 'html5'}, {type: 'flash', src: '/player.swf'}, {type: 'download'} ] }); </script>

jwplayer（'mediaplayer'）。设置（{'width'：'480'，'height'：'270'，'file'：'http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8“，”image'：“/thumbs/sample.jpg”，“modes'：[{type:'html5'}，{type:'flash'，src:'/player.swf'}，{type:'download'}]}）；

视频标签

<video width="300" height="200" controls>   <source src="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8"> </video>

---

有人能建议在HTML页面中播放.m3u8吗？

您需要在视频标签中提供MIME类型属性：type=“application/x-mpegur

<video width="300" height="200" controls>   <source src="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8"
type="application/x-mpegURL> </video>

---

即使设置了MIME类型，它也不起作用。通过chrome（版本35.0.1916.114 m）、IE（版本9.0.811）、safari（版本5.1.7）浏览器进行验证。播放器显示时没有显示视频。即使我按下播放按钮，也没有响应。