我正在尝试玩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:错误:(代码:4 MEDIA_ERR_SRC_NOT_SUPPORTED)找不到该媒体的兼容源。 MediaError {代码:4,消息:“找不到此媒体的兼容源。”}
这个错误很明显,但是有很多文档向人们展示了玩游戏的成功故事RTMP
流与VideoJS
:
- 使用 rtmp 和 videojs 流式传输视频 https://stackoverflow.com/questions/33940721/stream-video-with-rtmp-and-videojs
- 如何使用videojs播放rtmp直播流? https://stackoverflow.com/questions/43271187/how-to-play-rtmp-live-stream-using-videojs
我确信以下网址确实可以播放VLC
玩家也是如此JWPlayer
:
rtmp://184.72.239.149/vod/mp4/BigBuckBunny_115k.mov
可能是什么问题呢?
如果你想玩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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)