Live
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" /> <title>Video.js Example</title></head><body> <div class="player__wrapper"> <video id="video-js" class="video-js my-video" controls /> </div> <script src="https://vjs.zencdn.net/7.14.3/video.min.js"></script></body></html>
Live
x
.player__wrapper { margin: 20px auto; max-width: 600px;}.my-video { max-width: 100%;}
Live
xxxxxxxxxx6
const videoJs = videojs("video-js");videoJs.src({ src: "//demopage.gcdn.co/videos/2675_TVWy6ckOdHFSRxv/master.m3u8", type: "application/x-mpegURL",});
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.