2017-07-17 189 views
0

我试图用VideoJS播放器来播放RTMP流播放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> 

我看到的错误是这样的:

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. MediaError {code: 4, message: "No compatible source was found for this media."}

的错误很明显,但有很多文档显示人们玩RTMP流的成功案例VideoJS

我肯定知道下面的网址无法接通VLC播放器上播放也是如此它JWPlayer

rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov 

可能是什么问题呢?

回答

1

如果你要玩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> 
+0

我试过了这个例子,但它不工作你能帮我。我没有在webconsole中看到任何错误,但视频没有播放,我包含videojs flash js文件。 – CharanRoot

+0

您是否可以确认您的RTMP流实际上正在工作,例如,您可以使用VLC播放器播放它吗?如果你注释掉videojs-flash.js这行,你在控制台中是否有错误?你用什么来流RTMP?我使用的是Nginx插件。 –

+0

我可以使用VLC播放器播放视频。如果我注释掉videojs flash标签videojs返回MEDIA_ERR_SRC_NOT_SUPPORTED你可以请检查我的代码https://jsfiddle.net/qco58Lef/谢谢。 – CharanRoot