Video.js实现rtmp视频播放

废话不多说，上代码：
html:

<div class="bg-gradient-main">
<a href="http://www.adobe.com/go/getflashplayer" rel="nofollow" target="_blank" title="升级Flash插件" id="setFlash">检测到浏览器未启用flash插件，点击启用</a><!--视频监控系统--><div class="videoControNewlFx"><div style="width:100%;height: 100%;float:left;overflow:hidden;z-index: -3;" id="videoDiv"><video id="videoDiv0" class="video-js vjs-default-skin vjs-big-play-centered" muted=true controls="true/false" loop="true" autoplay="true"  style="width:100%;height:100%;;" onclick="getvideoIdStr(this)"><source src="#" type="rtmp/flv"></video>;          </div></div>
</div>
<script

特别注意js引用顺序：

<script src="video.js"></script><script>  videojs.options.flash.swf = "video-js.swf";//flash路径，有一些html播放不了的视频，就需要用到flash播放。这一句话要加在在videojs.js引入之后使用  </script>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>

JavaScript：
1.检测浏览器是否加载

 //检测flash是否加载   function flashChecker() {var hasFlash = 0;         //是否安装了flashvar isIE = /*@cc_on!@*/0;      //是否IE浏览器if (isIE) {var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');  if (swf) {  hasFlash = 1;}  } else {if (navigator.plugins && navigator.plugins.length > 0) {var swf = navigator.plugins["Shockwave Flash"];  if (swf) {hasFlash = 1;}  }  }  return { f: hasFlash};  }var fls = flashChecker();  var s = "";if (fls.f)$("#setFlash").css("display","none");

2.代码实现播放

videojs("videoDiv0").src(url);
videojs("videoDiv0").play();

完成收工！！！！
下面附上引用js下载链接：
video.js以及video-js.swf百度网盘地址： https://pan.baidu.com/s/1V8Buzi5JF1roizYVSlourg 提取码：fpi6

链接失效或技术问题请加QQ群：16066006

Video.js实现rtmp视频播放相关推荐

video.js播放rtmp直播源和hls直播源
看了很多网上的坑,都是无法播放的,这次自己亲测能播放注意如果是自己制作的源的话,在推流之后要先等一小会才可以播放 video.js播放rtmp源一定要注意你的Chrome浏览器允许播放flash, ...
video.js播放rtmp视频
最近公司要求拉取某公司流媒体服务器的视频监控,并在web端页面播放,流媒体服务器发送的是rtmp格式视频流,经过网上查资料,最后敲定使用video.js rtmp流需要依托flash播放,现在大多浏览 ...
React使用Video.js播放rtmp，hls视频
公司最近项目需要实时播放摄像头传入的视频,支持rtmp,hls,rtsp格式视频.于是开始封装了一个简单的视视频播放器,刚开始使用的React-palyer但是React-player好像不支持rtm ...
vue使用video.js解决m3u8视频播放格式
今天被这个关于m3u8视频播放不了搞了一下午,这个项目所有的视频流都是m3u8格式的,后台给我们返回的都是m3u8格式的视频流,解决了好长时间,看了好多博客,只有这个博客给我点启发,去解决这个问题,请 ...
dplayer js控制自动全屏_vue 中使用video.js 实现m3u8视频播放格式
官方文档:https://docs.videojs.com/tutorial-vue.html H5 的 video 标签不支持m3u8视频播放,所以借助于 video.js 1.video 定义与用 ...
无效的m3u8怎么办_vue使用video.js解决m3u8视频播放格式
今天被这个关于m3u8视频播放不了搞了一下午,这个项目所有的视频流都是m3u8格式的,后台给我们返回的都是m3u8格式的视频流,解决了好长时间,看了好多博客,只有这个博客给我点启发,去解决这个问题,请 ...
使用video.js播放rtmp流时报错FLASH: NetStream.Play.Failed
1.选用X5版本video.js,因为X6及以上版本不支持rtmp的播放 2.指定video-js.swf文件路径 videojs.options.flash.swf = "lib/vide ...
结合video.js播放rtmp格式、flv格式、mp4等格式的视频
https://blog.csdn.net/weixin_39150852/article/details/109156698
H5视频之video.js播放rtmp直播源和hls直播源
https://blog.csdn.net/qq285679784/article/details/85763086 https://blog.csdn.net/qq_27156945/article ...

Video.js实现rtmp视频播放

Video.js实现rtmp视频播放相关推荐

最新文章

热门文章