Skip to content
🎬 An extensible media player for the web.
JavaScript CSS HTML ActionScript Shell
Branch: dev
Clone or download

Latest commit

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github chore: update issue templates Sep 19, 2019
dist chore(package): bump to 0.3.12 Dec 3, 2019
doc docs(builtin-plugin): set recycleVideo default value to true Jun 24, 2019
images adds showcase plugin images Jun 21, 2016
public chore: update test pages to link between full and plain html5 versions Sep 19, 2019
src fix(core): prevent exceptions calling isFullscreen on iOS Dec 3, 2019
test fix(core): prevent exceptions calling isFullscreen on iOS Dec 3, 2019
.babelrc fix(hls): change options backwards-compatible initialization Apr 23, 2019
.codeclimate.yml avoids check vendor code Jun 21, 2016
.editorconfig boild down editorconf Jan 4, 2018
.eslintignore add eslintignore Jul 17, 2016
.eslintrc.js chore(eslint): update parser options Apr 23, 2019
.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 ci(houndci): update config Jul 1, 2019
.travis.yml ci(travis): update travis dist/xvfb config Jul 27, 2019
.yarnrc ci(travis): use node 10 for building and testing Jun 16, 2019
API.md Update API.md Feb 24, 2018
AUTHORS add authors, contributors and license Feb 25, 2014
CONTRIBUTORS chore: update CONTRIBUTORS file Jun 22, 2019
LICENSE add authors, contributors and license Feb 25, 2014
README.md chore(readme): add js delivery badge and remove greenkeeper Oct 19, 2018
bump chore: remove bower reference from bump script Sep 19, 2019
karma.conf.js chore(karma): update plainhtml5 webpack settings Sep 19, 2019
package.json chore(package): bump to 0.3.12 Dec 3, 2019
postcss.config.js feat(*): configure Autoprefixer on project Dec 4, 2017
webpack.config.base.js fix(webpack): prevent broken plainhtml5 bundle build Sep 19, 2019
webpack.config.js fix(webpack): prevent broken plainhtml5 bundle build Sep 19, 2019
yarn.lock chore(deps): bump extend from 3.0.0 to 3.0.2 Jul 28, 2019
yuidoc.json update yuidoc version Apr 1, 2016

README.md

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

You can’t perform that action at this time.