Just import it, plug it in your page and it’s ready to play.
<head>
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js">
</script>
</head>
<body>
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "http://your.video/here.mp4", parentId: "#player"});
</script>
</body>
Clappr is 100% Open Source and extensible. See how to build your own plugins and create new amazing video experiences.
You can customize everything in Clappr UI. Create a chromeless video experience or change the UX to make it perfect for you. Simple use Html 5 and CSS3.
Clappr is HTML5 first and uses most modern technologies to deliver your media across Smartphones, Tablets, Desktops and TV's.
Check out the official plugins for your player
360 video plugin for Clappr
See on githubA clappr plugin to report playback statuses
See on githubA plugin for Clappr that adds support for picture-in-picture
See on githubA dash playback (based on shaka-player) for Clappr
See on githubSee more on the external plugins list!
See on github