vediojs m3u8 视频清晰度切换

最新推荐文章于 2021-08-29 17:02:52 发布

陈勇士

最新推荐文章于 2021-08-29 17:02:52 发布

阅读量1.3w

点赞数 1

文章标签： videojs

本文链接：https://blog.csdn.net/chenyongtu110/article/details/77181081

版权

本文介绍了如何利用video.js库在网页中实现m3u8视频流的清晰度切换功能，详细讲解了相关配置和代码实现过程。

摘要由CSDN通过智能技术生成

完成测试代码

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>视频控制</title>
  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
</head>

<body>
 <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
  data-setup='{}'>
    <source