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& quot; 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 needs to be enabled to play videos, recommended to use <a href="http://videojs.com/html5-video-support/" target=& quot;_blank"> browsers that support HTML5</a> are recommended for access. </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('start/resume play');
       });
       player.on('pause', function () {
           console.log('pause playback');
       });
       player.on('ended', function () {
           console.log('ended playback');
       });

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

player.on('timeupdate', function () {  
    // If currentTime() === duration(), then the video has finished playing
    if (player.duration() ! = 0 && player.currentTime() === player.duration()) {
            // Playback is over
        }
    });

<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=& quot;none" > </video>

      var player = videojs('video', { autoplay:true }, function () {
           console.log('Good to go!');
           // this.play(); // insurance you can also actively call play()
       });

// Define a plugin
        function examplePlugin(options) {
            this.on('play', function (e) {
                console.log('playback has started!');
            });
        }
        //register
        videojs.plugin('examplePlugin', examplePlugin);
        // use
        player.examplePlugin({ exampleOption: true });