最近手头的一个项目,基于浏览器的要做一个视频播放器,h5的新标签只支持mp4和ogg,还有webm三种格式,我这边的需求是flv和m3u8,flv还好说,很多sfw媒体都支持,m3u8流媒体就不成了,也是折腾了半天哈,从老外那边找到的解决办法!废话不多说,上代码!
demo下载地址:http://download.csdn.net/detail/lemon_zhao/9674339
老外原网站:http://stackoverflow.com/questions/14731315/strobe-media-playback-osmf-events
请注意,代码必须要在http服务器上运行,直接运行的话会报找不到流的错误!
<div>
<span id="currentTime"></span>
<span>^^^^^^^</span>
<span id="duration"></span>
</div>
<div class="container">
<div id="player-container">
</div>
</div>
<button id="play-pause">pause or play</button>
<button onclick="playClear()">clear</button>