An extensible media player for the web


Keywords
clappr, dash, hls, html5-audio, html5-video, javascript, mp4, player, video, video-player
License
BSD-3-Clause
Install
npm install clappr@0.3.4

Documentation

npm version Build Status Coverage Status License



Using the Player

Add the following script on your HTML:

<head>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
</head>

Now, create the player:

<body>
  <div id="player"></div>
  <script>
    var player = new Clappr.Player({source: "http://your.video/here.mp4", parentId: "#player"});
  </script>
</body>

Live Demo

Test it at cdn.clappr.io.

CDN

You can use the latest published version at https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js

Vendors

You can re-use some vendors used internally, for instance you can use Kibo through Clappr.Vendor.Kibo.

Status

Clappr is under heavy development but production-ready. Feel free to open issues and send us pull requests.

Built-in Plugins & Embed Parameters

Events API

External Plugins

Supported Formats

API Documentation

How to write a plugin?

How to handle player fatal errors?

Installing

FAQ & Troubleshooting

Read this before open an issue

Contributors

Contributing

Companies using Clappr

Sponsor

image