- <!DOCTYPE html><html><head> <title>Video Player plyr.js</title> <link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" /> <script src="https://cdn.plyr.io/3.6.8/plyr.polyfilled.js"></script></head><body> <h1>Welcome towebsite</h1> <div class="container"> <video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"> <source src="https://prod-ent-live-gm.jiocinema.com/hls/live/2105483/hd_akamai_iosmob_avc_24x7_bbhindi_day01/master_360p.m3u8" type="video/mp4" size="360"> <source src="https://prod-ent-live-gm.jiocinema.com/hls/live/2105483/hd_akamai_iosmob_avc_24x7_bbhindi_day01/master_480p.m3u8" type="video/mp4" size="480"> <source
- src="https://prod-ent-live-gm.jiocinema.com/hls/live/2105483/hd_akamai_iosmob_avc_24x7_bbhindi_day01/master_720p.m3u8" type="video/mp4" size="720"> <source src="https://prod-ent-live-gm.jiocinema.com/hls/live/2105483/hd_akamai_iosmob_avc_24x7_bbhindi_day01/master_1080p.m3u8" type="video/mp4" size="1080"> <!-- Caption files --> <track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt" default> <track kind="captions" label="Français" srclang="fr" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt"> <!-- Fallback for browsers that don't support the <video> element --> <a href="https://prod-ent-live-gm.jiocinema.com/hls/live/2105483/hd_akamai_iosmob_avc_24x7_bbhindi_day01/master_480p.m3u8" download>Download</a> </video></div><!-- Plyr resources and browser polyfills are specified in the pen settings --> <style type="text/css"> .container { margin: 50px auto; max-width: 500px;}</style> <script type="text/javascript"> const player = new Plyr('video', {captions: {active: true}}); // Expose player so it can be used from the consolewindow.player = player;</script> </body></html>