MediaElement.js对不同浏览器的支持

目前已经有很多html5播放器可以使用,使用html5播放器可以轻松的在页面中插入媒体视频,从而使我们的web页面变得更加丰富多彩,所以今天向大家推荐一款非常优秀的html5播放器MediaElement.js,它不仅能够添加我们常用的html5视频格式(mp4,m4v,mov), 而且还支持回退方式,即一些低版本的浏览器不支持HTML5播放可以采取flash的方式进行播放,从而达到支持绝大部分的浏览器

亲测IE8下能使用HTML5的video标签,以及支持对hls流媒体的播放,webm视频格式文件暂不支持(在nodejs下完美运行,iis下问题:hls流媒体文件找不到,可能是设置有部分问题,暂时未找到解决方法,如果有大神请指教),现在来看一下小栗子:

首先下载mediaelement.js文件以及jquery.js文件

地址:https://github.com/johndyer/mediaelement

下载完后在文件夹build中找到flashmediaelement.swfmediaelement-and-player.min.jsmediaelementplayer.css文件





video

//  引用样式文件



//  引用jquery.js文件

//  引用mediaelement-and-player.min.js文件


转载于:https://www.cnblogs.com/chendongbky/p/5320582.html

你可能感兴趣的:(MediaElement.js对不同浏览器的支持)