JavaScript CSS HTML ActionScript Shell
Latest commit 8bd2395 Jun 19, 2018
Permalink
Failed to load latest commit information.
.github refactor(github): add ennhacement label to exception group Jun 19, 2018
dist bump to 0.2.97 Jun 19, 2018
doc add google ima pre roll plugin Jun 8, 2018
images adds showcase plugin images Jun 21, 2016
public chore(test_page): fix editor/player initialization code Jun 19, 2018
src refactor(html5_video): adjust autoplay failure log message Jun 19, 2018
test fix(player): prevent event conflicts on configure Jun 13, 2018
.babelrc chore(package.json): update devDependencies modules Mar 3, 2018
.codeclimate.yml avoids check vendor code Jun 21, 2016
.drone.yml add .drone.yml file Jul 23, 2014
.editorconfig boild down editorconf Jan 4, 2018
.eslintignore add eslintignore Jul 17, 2016
.eslintrc.js chore(eslint): update eslint rules Apr 4, 2018
.gitattributes add .gitattributes to ignore diff on dist/ Oct 9, 2014
.gitignore gitignore: add yarn-error.log and and package-lock.json (since we use… Mar 19, 2018
.hound.yml add hound integration Jun 10, 2016
.npmignore update npmignore to include src directory Aug 22, 2015
.travis.yml Merge branch 'master' of https://github.com/clappr/clappr into featur… Dec 7, 2017
.yarnclean refacto(.yarnclean): remove .eslintrc/.jshintrc rules Mar 5, 2018
API.md Update API.md Feb 24, 2018
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 readme: remove gemnasium badge May 28, 2018
bower.json bump to 0.2.97 Jun 19, 2018
bump chore(bump): run linter as part of validation step Apr 4, 2018
issue_template.md Adds issue template fixes #841 Feb 18, 2016
karma.conf.js refactor(karma.conf.js): remove unnecessary dotenv module Mar 3, 2018
package.json bump to 0.2.97 Jun 19, 2018
postcss.config.js feat(*): configure Autoprefixer on project Dec 4, 2017
upload.js style(*): fix lint issues Jan 5, 2018
webpack-base-config.js Merge branch 'master' of https://github.com/clappr/clappr into featur… Dec 21, 2017
webpack.config.bundle-analyzer.js style(*): fix lint issues Jan 5, 2018
webpack.config.js style(*): apply new eslint rules Apr 4, 2018
yarn.lock chore(package): make the project commitizen friendly Jun 19, 2018
yuidoc.json update yuidoc version Apr 1, 2016

README.md

npm version Build Status Coverage Status License Greenkeeper badge



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