| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
10年前发布

开源可扩展的Web视频播放器:Clappr Player

Clappr是一个不错的视频播放器,支持主流的播放器以及播放格式,使用和扩展都很容易。
68747470733a2f2f692e636c6f756475702e636f6d2f4753625878764373424b2e706e67.png

使用这个播放器

添加以下脚本至HTML中:

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

现在,创建播放器

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

 

格式支持情况

Format IE10 IE11 Firefox Chrome Safari iPhone iPad Android
HLS 2714.png :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark:
MP4 :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark:
MP3 :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark:
DASH :heavy_multiplication_x: :heavy_multiplication_x: :heavy_multiplication_x: :heavy_multiplication_x: 2716.png :heavy_multiplication_x: :heavy_multiplication_x: :heavy_multiplication_x:
RTMP :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_check_mark: :heavy_multiplication_x: :heavy_multiplication_x: :heavy_multiplication_x:

项目主页:http://www.open-open.com/lib/view/home/1417057033846

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1417057033846.html
多媒体播放器 Clappr Player