jQuery网页跨平台媒体播放器

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

 106872  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 的关注。

相关插件-音频和视频

jQuery视频弹窗插件

样式已经写好,使用方法也简单。
  音频和视频
 65901  468

canvas视频录制(原创)

mediarecoder录制媒体流 canvas绘制动画 导出录像视频
  音频和视频
 16707  150

一款简单实用的视频播放插件

虽小却精悍,可自动播放,音乐,视频,支持HTML5
  音频和视频
 131557  442

jQuery网页跨平台媒体播放器

用于Web的可扩展的媒体播放器,跨平台,支持HLS,MP3,MP4等格式。
  音频和视频
 106873  380

讨论这个项目(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

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