189 8069 5689

HTML5如何实现视频播放功能-创新互联

这篇文章将为大家详细讲解有关HTML5如何实现视频播放功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联主要从事网站设计、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务海曙,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

hivideo是一款基于html5的视频播放器,摒弃video原有的播放控制条样式,自己重写了一次。支持暂停、播放进度控制、声音控制、全屏播放。如果是要在手机端使用hivideo,全屏播放时还支持横屏播放。

jPlayer :基于HTML5/Flash的音频、视频播放器

jPlayer是一个JavaScript写的完全免费和开源(MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件);

jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页.

jPlayer的丰富API可以让你创建一个个性化多媒体应用,因此也获得越来越多的社区成员的支持和鼓励。

官网:www.jplayer.cn

英文:www.jplayer.org

1.准备

jquery.min.js、jquery.jplayer.min.js、jquery.jplayer.swf (官网下载)

还有一个音频文件

2.代码




清冽叮咚短信音



    
                                                                
  • play
  •                     
  • pause
  •                     
  • stop
  •                     
  • mute
  •                     
  • unmute
  •                     
  • max volume
  •                                                                                
                        
                                                                                                                function toplay(){          var playerc = $("#jquery_jplayer_1");          if (playerc.data().jPlayer && playerc.data().jPlayer.internal.ready === true) {             playerc.jPlayer("setMedia", {                 m4a: "http://cdnringhlt.shoujiduoduo.com/ringres/user/a24/140/14972140.aac" //使用网络资源,自行设定音频文件             }).jPlayer("play");//jPlayer("play") 用来自动播放         }else {             playerc.jPlayer({                 ready: function() {                     $(this).jPlayer("setMedia", {                         m4a: "http://cdnringhlt.shoujiduoduo.com/ringres/user/a24/140/14972140.aac" //同上                     }).jPlayer("play");//同上                 },                 swfPath: "include/javascript",                 supplied: "m4a"  //acc属于M4A             });         }     }       setInterval(function(){          toplay();     },3000);//3秒循环播放

    关于“HTML5如何实现视频播放功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


    文章题目:HTML5如何实现视频播放功能-创新互联
    标题链接:http://cdxtjz.cn/article/coojpg.html

    联系我们

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

    小谭建站工作室

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

    小谭观点

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