🎬 An extensible media player for the web.
JavaScript CSS HTML ActionScript Shell
Failed to load latest commit information.
dist bump to 0.2.65 Jan 27, 2017
doc rename "Ad plugin" to "VAST Ad plugin" Nov 16, 2016
images adds showcase plugin images Jun 21, 2016
public fix main test file to load clappr/zepto before instantiating parser Dec 19, 2015
src fix(mediacontrol): disable keyboard events on mobile Jan 27, 2017
test Remove redundant duplicate rendering in poster test case Dec 13, 2016
.babelrc use loose class transformation in babel to support IE10 Mar 3, 2016
.codeclimate.yml avoids check vendor code Jun 21, 2016
.drone.yml add .drone.yml file Jul 23, 2014
.eslintignore add eslintignore Jul 17, 2016
.eslintrc.js eslint: add build globals to allow editor based checks Jul 22, 2016
.gitattributes add .gitattributes to ignore diff on dist/ Oct 9, 2014
.gitignore ignores docs folder Aug 22, 2015
.hound.yml add hound integration Jun 10, 2016
.jscsrc starts the definition for a code style check/fix Jan 16, 2016
.jshintrc introduces js lint Jan 16, 2016
.npmignore update npmignore to include src directory Aug 22, 2015
.travis.yml fixes build to run once Nov 3, 2016
API.md Update API.md Apr 13, 2015
AUTHORS add authors, contributors and license Feb 25, 2014
CONTRIBUTORS update CONTRIBUTORS file Jan 26, 2016
LICENSE add authors, contributors and license Feb 25, 2014
README.md links to events api Aug 5, 2016
bower.json bump to 0.2.65 Jan 27, 2017
bump bump: update sync-pkg command Jul 29, 2016
issue_template.md Adds issue template fixes #841 Feb 18, 2016
karma.conf.js karma: disable eslint no-var rule Jul 22, 2016
package.json chore: updates hlsjs to 0.6.20 Feb 5, 2017
upload.js uploader: fix eslint complaints Jul 22, 2016
webpack-base-config.js chore(package): update clappr-zepto to 0.0.7 Jan 27, 2017
webpack.config.js Revert "Export with UMD as 'clappr' and 'Clappr'" Sep 9, 2016
yarn.lock chore: add yarn lockfile Jan 27, 2017
yuidoc.json update yuidoc version Apr 1, 2016


npm version Build Status Dependency Status Coverage Status Code Climate License

Using the Player

Join the chat at https://gitter.im/clappr/clappr

Add the following script on your HTML:

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

Now, create the player:

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

Live Demo

Test it at cdn.clappr.io.


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


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


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?


FAQ & Troubleshooting

Read this before open an issue



Companies using Clappr