jQuery网页跨平台媒体播放器

所属分类:媒体-音频和视频

 105856  380  查看评论 (35)
分享到微信朋友圈
X
jQuery网页跨平台媒体播放器 ie兼容10

更新时间:2019/1/21 上午11:32:10

更新说明:更新0.32版本,修复字体文件缺失问题。


使用方法:

添加以下的脚本到你的 HTML:

<head>
  <script type="text/javascript" charset="utf-8" src="js/underscore.js"> </script>
  <script type="text/javascript" charset="utf-8" src="js/jquery.js"> </script>
  <script type="text/javascript" charset="utf-8" src="js/clappr.min.js"> </script>
</head>

创建播放器:

<body>
  <div id="player"></div>
  <script>
    var playerEl = document.getElementById("player");
    var player = new Clappr.Player({source: "./here.mp4"});
    player.attachTo(playerEl);
  </script>
</body>

注:本插件Github的一位提交者 @flavioribeiro 发现本站的版本不是最新的,在下方提出了评论,本站也马上更新了版本到最新,同时也感谢@flavioribeiro 的关注。

相关插件-音频和视频

h5视频播放器

支持拖拽与点击跳转可以切换全屏并且支持音量调节已经绑定键盘事件
  音频和视频
 124982  444

jQuery+HTML5类似百度音乐网页播放器代码

一款jQuery+HTML5类似百度音乐网页播放器代码免费下载,在HTML5盛行的今天,jQuery+HTML5取代了大量的程序开发工作,一款类似百度音乐播放器代码,功能灰常强大!支持火狐、IE9以上等支持HTML5+CSS3浏览器。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
  音频和视频
 55385  462

音乐歌词同步播放器

jplayer实现歌词同步的JS音乐播放器效果
  音频和视频
 41811  379

jQuery音乐播放插件jPlayer

简洁的音乐插件jPlayer
  音频和视频
 46807  340

讨论这个项目(35)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    شىرئەلى 0
    2022/9/24 23:26:22
    支不支持投屏(DLNA 或别的) 回复
    ?? 0
    2019/4/29 18:03:25
    楼主,貌似全屏的时候只能放大到上一级宽高而不是屏幕大小的宽高 回复
    ?? 0
    2019/4/29 18:02:34
    楼主,貌似全屏的时候智能放大到上一级宽高 回复
    @MG 0
    2018/8/14 17:36:48
    倔犟-哥 0
    2018/3/23 16:58:19
    Odysseus334853923 0
    2018/3/23 16:49:46
    为啥我用自己的手机拍的mp4文件测试,一刷新浏览器迅雷就自动弹出来要下载这个文件了? 用赛车那个文件就没事。 回复
    阿尔的太阳 0
    2018/2/5 9:41:11

    火狐不行?为什么我的火狐报错

    回复

     努氏(Knoop)  0
    2017/3/27 21:41:36

    我想试试看 不知道

    回复
    周端旭 0
    2017/3/11 19:28:49
    ―━╋う哪?戚?惰着?☆ 0
    2017/1/10 20:01:07

    为什么 有些MP4格式 只有声音没有 影子

        一梦何年0
        2017/12/5 18:09:06

        需要H264的MP4

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复