使用videojs播放rtmp直播流

最新推荐文章于 2024-07-12 11:09:26 发布

小蒜瓣

最新推荐文章于 2024-07-12 11:09:26 发布

阅读量4.9k

点赞数

分类专栏：编码

本文链接：https://blog.csdn.net/messicr7/article/details/104688764

版权

本文介绍如何使用video.js库来播放RTMP直播流，重点涉及需要引入的三个关键文件：video-js.min.css、video.min.js和videojs-contrib-hls.min.js。确保正确下载并引用这些资源，以实现流畅的直播体验。

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

需要引入 video-js.min.css 、video.min.js、videojs-contrib-hls.min.js 自行搜索下载或去我的资源下载

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>播放rtmp视频流</title>
    <link href="content/js/lib/video/video-js.min.css" rel="stylesheet">
    <script src='content/js/lib/video/video.min.js'></script>
    <script src="content/js/lib/video/videojs-contrib-hls.min.js" type="text/javascript"></script>
<style>
.vjs-modal-dialog {
  display: none;
}
.video-embed {
  position:absolute;
  bottom:50px;
  left:calc(50% - 150px);
  z-Index:9999;
  display: none;
}
.video-error-text {
  width:300px;
  position:absolute;
  top:50px;
  left:calc(50% - 150px);
  z-Index:9999;
  color:white;
  text-align: center;
  display: none