/clappr

🎬 An extensible media player for the web.
  1. JavaScript 89.0%
  2. CSS 5.7%
  3. HTML 2.5%
  4. ActionScript 2.3%
  5. Shell 0.5%
JavaScript CSS HTML ActionScript Shell
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit 414f13f Oct 10, 2017 @towerz towerz bump to 0.2.75
Permalink
Failed to load latest commit information.
dist bump to 0.2.75 Oct 10, 2017
doc add clappr-nerd-stats plugin image Sep 30, 2017
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(browser): adjust browser version detection for Android web views Oct 9, 2017
test fix(browser): adjust browser version detection for Android web views Oct 9, 2017
.babelrc use babel transform runtime plugin to avoid duplicate babel helpers May 25, 2017
.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 ci(travis): add check_code_style call before running tests Aug 31, 2017
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 Merge pull request #1504 from MartinKolarik/patch-2 Oct 9, 2017
bower.json bump to 0.2.75 Oct 10, 2017
bump chore(build): publish using npm instead of yarn Apr 19, 2017
issue_template.md Adds issue template fixes #841 Feb 18, 2016
karma.conf.js fix tests May 22, 2017
package.json bump to 0.2.75 Oct 10, 2017
upload.js uploader: fix eslint complaints Jul 22, 2016
webpack-base-config.js fix(build): add templated public path to Webpack url-loader module co… Aug 29, 2017
webpack.config.js fix(build): add templated public path to Webpack url-loader module co… Aug 29, 2017
yarn.lock chore(yarn): update lockfile Jul 20, 2017
yuidoc.json update yuidoc version Apr 1, 2016

README.md

npm version Build Status Dependency Status Coverage Status Code Climate License



Using the Player

Greenkeeper badge

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

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