video.js - 如何在html5中播放Red5pro录制的视频？

Question

我正在尝试使用 html 5 控件从 Red5 pro 视频中播放录制的视频。

我设法使用 .m3u8 扩展名进行直播，但我无法播放已经录制的视频 [视频点播( VOD )]。

我使用视频 js 播放器播放直播，但相同的代码不适用于录制的视频。

<video id=red5pro-video width=600 height=300 class="video-js vjs-default-skin" controls></video>

图书馆

<script src="http://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="videojs/video.min.js"></script>
<script src="videojs/videojs-media-sources.min.js"></script>
<script src="videojs/videojs.hls.min.js"></script>
<!-- Red5 Pro SDK -->
<script src="red5pro/red5pro-sdk.min.js"></script>
<script src="script/hls-metadata.js"></script>

****JS代码：****

我怎样才能玩它，或者如果你有，你能给我一些样品吗？

<script>
(function () {
var player = videojs('red5pro-video');
player.src({
src: "http://54.255.142.187:5080/live/kris.m3u8", 
type: "application/x-mpegURL",
useCueTags: true
});
window.onOrientation(player, 'red5pro-video');
player.play();
})();
</script>