使用video.js播放m3u8格式视频

江城老金

已于 2022-11-09 09:15:26 修改

阅读量627

点赞数

分类专栏：前端笔记文章标签：音视频

于 2021-06-14 15:46:19 首次发布

本文链接：https://blog.csdn.net/joshho/article/details/117905895

版权

前端笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
	<link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
  
	<script src="video.js/7.11.4/video.min.js"></script>
	<script src="videojs-contrib-hls/5.15.0/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 src="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL">
  </video>
  
</body>
</html>

// 测试视频2：http://1257120875.vod2.myqcloud.com/0ef121cdvodtransgzp1257120875/3055695e5285890780828799271/v.f230.m3u8
上面用到的js文件可以自己百度下一下。

效果:
在这里插入图片描述