189 8069 5689

HTML5播放器MediaElement.js使用方法

HTML5播放器 MediaElement.js 使用方法

创新互联专注于企业成都营销网站建设、网站重做改版、泌阳网站定制设计、自适应品牌网站建设、H5页面制作商城系统网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为泌阳等各大城市提供网站开发制作服务。

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

备注:我们都知道进入HTML5时代以后W3C组织为web视频播放加入了一个非常友好的标签

目前MediaElement.js所能支持的浏览器如图

首先MediaElement.js支持三种外观显示

默认效果

ted-外观

wmp-外观

外观设置方法:只需要在对应的

Default Skin

    id="player1" poster./media/echo-herewea

    controls="controls" preload="none">复制代码

TED SKin

video class="mejs-ted" width="640" height="360" sr/media/echo-her type="video/mp4"

    id="player1" poster=edia/echo-hereweare

    controlscontrols" preload="none"video>复制代码

video class="mejs-wmp" width="640" height="360" sdia/echo-herewearp4" type="video/mp4"

    id="player1" pos="../media/echo

    controltrols" preload="none/video>复制代码

如何调用MediaElement.js ?

首先我们下载 MediaElement.js官方最新版

1.引用js脚本和css样式表 并放置在 标签中。.w3cfuns.com/jquery">

ript src="hediaelement-and-player.min>

ink rel="styleshw3cfom/mediaelemecss" />复制代码

2. 调用视频文ideo src="htvideo.mp4" width="320" height="240">复制代码

支持单一的h.264编码的视频文件(mp4),该方式适用于firefox,chrome,safari,已经ie9以上版本的主流浏览器。

flash回退

为了支持低版本的浏览器以及对不同用户群的支持,MediaElement.js提供了flash回退的方式,你可以采用以下代码进行调用。

    for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->

urce type="video/mp4" s>

    WebM/VP8 for Firefox4, Opera, and Chrome -->

   

   

   source type="video/ogg" src=

   

   

  - Optional: Add chapters -->

   

   

   

        http://cdxtjz.cn/article/jggpji.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。