<head>
<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet" />
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
<style>
.container {
background: red;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
</style>
</head>
<body>
<div class="container">
<video width="608" height="300" id="my-video" class="video-js" controls preload="auto" data-setup="{}">
<!-- <source type="application/x-mpegURL" src="https://yunqivedio.alicdn.com/2017yq/v2/0x0/96d79d3f5400514a6883869399708e11/96d79d3f5400514a6883869399708e11.m3u8"
/> -->
<!-- <source type="application/x-mpegURL" src="http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8" /> -->
<!-- <source src="http://183.207.249.14/PLTV/3/224/3221225588/index.m3u8"/> -->
<source src="https://devpull.91sbxc.com/bud-test/10013.m3u8?auth_key=1614187742-0-0-6d52bdfb503b549cf06ff4bb64861f62&aliyun_uuid=25ab9371-7399-4b94-9fdb-ffcd8cf92932"
/>
<!-- <source src="http://183.192.162.3:21451/mnt1/cloudxr/ftp/cloudxr/test09878123aa03/test09878123aa03_low.mp4" /> -->
<!-- <source src="http://183.192.162.3:21451/mnt1/cloudxr/ftp/cloudxr/animial-2D180.mp4" type="video/mp4" /> -->
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</div>
<script src="https://vjs.zencdn.net/7.10.2/video.min.js">
</script>
<!-- <script src="https://cdn.jsdelivr.net/npm/videojs-contrib-hls@5.15.0/es5/videojs-contrib-hls.min.js">
</script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js">
</script>
<!-- <link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.min.js"></script> -->
</body>