video.js的应用

<link href="./plugins/video-5.5.3/video-js.css" rel="stylesheet">
<script src="./plugins/video-5.5.3/video.js"></script>

<video
    id="my-player"
    class="video-js" // 必加
    controls //是否显示控件，默认显示
    preload="auto" //预加载
    poster="//vjs.zencdn.net/v/oceans.png" // 视频加载前显示的图片
    data-setup=‘{}‘> // 必加
    <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
    <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
    <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
    <p class="vjs-no-js">播放视频需要启用 JavaScript，推荐使用支持HTML5的浏览器访问。
    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>

var playerUrl = data.data;
var u = {type:"rtmp/flv",src:playerUrl};
var myPlayer =  videojs("my-player");  //初始化视频
myPlayer.reset();
myPlayer.src(u);

$rootScope.$on(‘$stateChangeSuccess‘, function(event, toState, toParams, fromState, fromParams){
    var myPlayer =  videojs("my-player");  //初始化视频
    myPlayer.dispose();    //销毁
});