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

时间:2014-06-06 05:44:09

标签: html m3u8

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

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

任何人都可以建议在HTML页面中播放.m3u8的想法..

1 个答案:

答案 0 :(得分:0)

您需要在视频标记中提供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>