欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

videojs能播放mp4,不能播放rtmp流的问题解决

程序员文章站 2022-03-18 11:29:30
...

最近给了一个小任务是要验证下videojs播放rtmp流的问题。


我先是在 http://www.jq22.com/jquery-info404 《视频播放插件Video.js》下载了

videojs能播放mp4,不能播放rtmp流的问题解决

根据它提供的demo修改代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Video.js 5.18.4</title>
	<link href="css/video-js.css" rel="stylesheet">
	<!-- If you'd like to support IE8 -->
	<script src="js/videojs-ie8.min.js"></script>
	<style>
		body{background-color: #191919}
		.m{ width: 640px; height: 264; margin-left: auto; margin-right: auto; margin-top: 100px; }
	</style>
</head>

<body>
	<div class="m">
		<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
		  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
			<source src="rtmp://live.hkstv.hk.lxdns.com/live/hks" type="rtmp/flv"/>  
			<p class="vjs-no-js">
			  To view this video please enable JavaScript, and consider upgrading to a web browser that
			  <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
			</p>
		  </video>
		  <script src="http://vjs.zencdn.net/5.18.4/video.min.js"></script>	
		  <script type="text/javascript">
			var myPlayer = videojs('my-video');
			videojs("my-video").ready(function(){
				var myPlayer = this;
				myPlayer.play();
			});
		</script>
	</div>

</body>
</html>

运行发现无法成功播放,之前用它的demo播放mp4文件是可以的,排除了代码问题、路径问题、浏览器不支持问题、flash问题(这些问题大家自行百度),后来发现是因为:video.js不支持在本地html页面里播放

于是根据这篇文章:https://blog.csdn.net/u011456337/article/details/50704331 

3分钟快速搭建nodejs本地服务器运行测试html/js》     感谢“罗星星的博客”的帮助。

搭建了本地服务器,成功实现了videojs播放rtmp流

videojs能播放mp4,不能播放rtmp流的问题解决

问题解决!


另外,我之前下的是下面这个版本:

videojs能播放mp4,不能播放rtmp流的问题解决


这个版本就算按照上面的操作了也不能播放,是因为(V6.X.X的都播不了rtmp,V5.x.x的才行,对比发现,V6.X.X目录下没有video-js.swf,rtmp需要flash来播 

具体看:

http://blog.videojs.com/Video-js-removes-Flash-from-core-player/



相关标签: Videojs rtmp