Live
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Clappr Example</title></head><body> <div class="player__wrapper" id="clappr"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@clappr/player@latest/dist/clappr.min.js"></script></body></html>
Live
xxxxxxxxxx4
.player__wrapper { margin: 20px auto; max-width: 600px;}
Live
xxxxxxxxxx7
const clappr = new Clappr.Player({ source: "https://demopage.gcdn.co/videos/2675_V7Jm3y2zErdSa0y/master.m3u8", mute: true, height: 360, width: "100%", parentId: "#clappr",});
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.