<div id="vd">
<video ref="myplayer" id="my-player" class="video-js vjs-big-play-centered vjs-fluid" preload="auto" width=883.2 height=891.48 controls poster="">
<source src="rtmp://58.200.131.2:1935/livetv/hunantv" type="rtmp/flv">
<p class="vjs-no-js"> 浏览器不支持播放 </p>
</video>
</div>
class中设置vjs-fluid 播放时占满显示 在调用dispose()后video对象将被销毁,通过ref或者id属性将无法获取到需要重新创建
var myVideoDiv = document.getElementById("vd");
myVideoDiv.innerHTML = "<video id='my-player' ref='myplayer' class='video-js vjs-default-skin vjs-big-play-centered vjs-fluid' controls preload='auto' width=883.2 height=891.48 ><source src='"+ src + "' type='rtmp/flv'><p class='vjs-no-js'>浏览器不支持播放</p></video>"
this.medio = videojs('my-player',{
width:883.2,
heigh:891.48,
});