HTML5视频播放插件 video.js介绍

<link href="~/js/video-js-5.11.4/alt/video-js-cdn.min.css" rel="stylesheet" />
<script src="~/js/video-js-5.11.4/alt/video.novtt.min.js"></script>

 var player = videojs('video', { fluid: true }, function () {
           console.log('Good to go!');
           this.play(); // if you don't trust autoplay for some reason  
})

 <video id="video" class="video-js vjs-default-skin vjs-fluid" poster="http://vjs.zencdn.net/v/oceans.png" width="375" height="200" controls preload="none"
           data-setup='{ "html5" : { "nativeTextTracks" : false } }'>
        <source src="@Model.Url" type="video/mp4">
        <p class="vjs-no-js">  播放视频需要启用 JavaScript，推荐使用<a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5</a>的浏览器访问。</p>
    </video>

 var player = videojs('video', { }, function () {
           console.log('Good to go!');
           //this.play(); // if you don't trust autoplay for some reason
       });
       player.on('play', function () {
           console.log('开始/恢复播放');
       });
       player.on('pause', function () {
           console.log('暂停播放');
       });
       player.on('ended', function () {
           console.log('结束播放');
       });

player.on('timeupdate', function() {
           console.log(player.currentTime());
       });

player.on('timeupdate', function () {  
    // 如果 currentTime() === duration()，则视频已播放完毕
    if (player.duration() != 0 && player.currentTime() === player.duration()) {
            // 播放结束
        }
    });

<video data-setup='{"techOrder": ["html5", "flash", "other supported tech"]}'

videojs("videoID", {
  techOrder: ["html5", "flash", "other supported tech"]
});

 data-setup='{ "techOrder": ["flash","html5"] }'

 <video id="video" autoplay poster="/images/bk.png" width="375" height="200" controls preload="none" > </video>

      var player = videojs('video', { autoplay:true }, function () {
           console.log('Good to go!');
           //this.play(); // 保险你还可以主动调用play()
       });

//定义一个插件
        function examplePlugin(options) {
            this.on('play', function (e) {
                console.log('playback has started!');
            });
        }
        //注册
        videojs.plugin('examplePlugin', examplePlugin);
        // 使用
        player.examplePlugin({ exampleOption: true });