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

jopen 10年前

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