html - How to play .m3u8 in a HTML page..

Question

I have tried video tag, jw player. But nothing helped.

jw code,

<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>

video tag,

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

Can anybody suggest ideas to play .m3u8 in HTML page..

Answer 1

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

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