html - 如何在 HTML 页面中播放 .m3u8..

Question

我试过video标签，jw player。但没有任何帮助。

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>

视频标签，

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

谁能提出在 HTML 页面中播放 .m3u8 的想法..

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>