videoJS播放rtmp流

引入相關文件

<link rel="stylesheet" type="text/css" href="http://vjs.zencdn.net/5.5.3/video-js.css"/>
<script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
<script src="http://vjs.zencdn.net/5.5.3/video.js"></script>

html代碼

同一個頁面創建多個video時，id需要不同，否則報錯。

let n = ""+Math.ceil(Math.random()*10)+Math.ceil(Math.random()*10)+Math.ceil(Math.random()*10);
<div id="container">
　　`<video id="myVideo${n}" class="video-js" controls autoplay="true" preload="auto" data-setup="{}">
    　　<source src = "${rtmp_src}" type="rtmp/flv"></source>
　　</video>`
</div>

js代碼

設置自動播放

const _id = this.container.getElementsByTagName('video')[0].getAttribute("id");
let myPlayer = this.videojs(_id);
myPlayer.play();

 

以上代碼不能直接復制運行，只做參考，需要自行修改。