如何在html5中播放Red5pro录制的视频？

Question

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

我设法使用.m3u8扩展程序进行直播，我无法播放已录制的视频[视频点播（ VOD ）]。< / p>

我使用视频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>