jPlayer 基于 jQuery 多媒体 MP3/MP4 在线播放器 - 文章教程

jPlayer 基于 jQuery 多媒体 MP3/MP4 在线播放器

发布于 2020-10-25 字数 2391 浏览 1534 评论 0

jPlayer 是个完全免费和开源的媒体库 (media library)。作为 jQuery 插件的一员,使用 jPlayer 可以在你的网页上轻松加入跨平台的音乐和视频。通过 jPlayer 的 API,你可以构想出具有创意的影音解决方案。jPlayer 还支持 Zepto 1.0+ 编译模块的数据。

jPlayer 基于 jQuery 多媒体 MP3/MP4 在线播放器

主要功能

  1. 控制并播放你网站上的媒体文件
  2. 创建播放器,利用 html+css 定制化播放器样式
  3. 将音频和视频加入到你的 jQuery 项目中
  4. 支持更多的使用 HTML5 规范的设备
  5. 支持使用 Flash Fallback 的旧浏览器
  6. 使用 JavaScript API 控制你网站上的媒体文件 jPlayer 支持的媒体格式:HTML5: mp3, m4a (AAC), m4v (H.264), ogv*, oga*, wav*, webm* Flash: mp3, m4a (AAC), m4v (H.264)

快速使用

<script type="text/javascript">
 $(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
   ready: function () {
    $(this).jPlayer("setMedia", {
     m4a: "/media/mysound.mp4",
     oga: "/media/mysound.ogg"
    });
   },
   swfPath: "/js",
   supplied: "m4a, oga"
  });
 });
</script>
<div id="jquery_jplayer_1"></div>
<div id="jp_container_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>
</div>

浏览器兼容

  • Windows: Chrome, Firefox, Internet Explorer, Safari, Opera
  • Windows (legacy): IE6, IE7, IE8, IE9, IE10, IE11
  • OSX: Safari, Firefox, Chrome, Opera
  • iOS: Mobile Safari: iPad, iPhone, iPod Touch
  • Android: Android 2.3 Browser
  • Blackberry: OS 7 Phone Browser, PlayBook Browser

多媒体格式支持

  • HTML5: mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
  • Flash: mp3, mp4 (AAC/H.264), rtmp, flv

注意

对于跨浏览器支持,必须提供在 HTML5 和 Flash 中都能工作的格式,可以提供可选的附加格式来增加对跨浏览器 HTML5 的支持。

官网:http://www.jplayer.org

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0