用VideoJS播放器播放RTMP流
用VideoJS播放器播放RTMP流
提问于 2017-07-17 13:53:06
我正在尝试使用RTMP播放器播放VideoJS流，下面是我的代码：
<head>
<link href="http://vjs.zencdn.net/6.2.0/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{"techorder" : ["flash"]}'>
<source src="rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov" type="rtmp/mp4">
<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/6.2.0/video.js"></script>
</body>我看到的错误是：
错误：(代码:4 MEDIA_ERR_SRC_NOT_SUPPORTED)没有为这个媒体找到兼容的源代码。MediaError {代码: 4，消息：“未为此媒体找到兼容的源”}
错误是非常清楚的，但是有大量的文档向人们展示了使用RTMP流处理VideoJS的成功事例。
我确信，下面的URL确实在VLC播放器上播放，在JWPlayer上也一样
rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov有什么问题吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-18 15:26:09
如果您想玩RTMP，您必须包括可以从这里检索到的flash-tech：
https://github.com/videojs/videojs-flash因此，正确的代码如下：
<head>
<link href="http://vjs.zencdn.net/6.2.0/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{"techorder" : ["flash"]}'>
<source src="rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov" type="rtmp/mp4">
<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/6.2.0/video.js"></script>
<script src="/videojs-flash.js"></script>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45146146
复制相关文章
相似问题
腾讯云开发者
