以前，没做视频的时候。总是在想视频插件没什么用处啊。毕竟h5的video插件已经够用了。直到，看到Chrome上的video右下角那个小小的下载图标。

 我尝试了2个插件一个是基于html5的video，一个更适用于angular的videogular。

我直接把我的可运行代码放上来了。具体说明请参考下方链接

一.video.js

中文使用说明 http://www.oschina.net/p/video-js/similar_projects

github地址 https://github.com/videojs/video.js

二. videogular

html文件

      
    
  
     
    
            
             
             
               
                
        
         {
   { currentTime | date:'mm:ss' }}
                
                  
                 
                
        
         {
   { timeLeft | date:'mm:ss' }}
                
                  
                   
                 
                
              
             
             
           
        
     
    

main.js

'use strict';angular.module('myApp',		[			"ngSanitize",			"com.2fdevs.videogular",			"com.2fdevs.videogular.plugins.controls",			"com.2fdevs.videogular.plugins.overlayplay",			"com.2fdevs.videogular.plugins.poster"		]	)	.controller('HomeCtrl',		["$sce", function ($sce) {			this.config = {				sources: [					{src: $sce.trustAsResourceUrl("20160930.mp4"), type: "video/mp4"}				],				tracks: [					{						src: "http://www.videogular.com/assets/subs/pale-blue-dot.vtt",						kind: "subtitles",						srclang: "en",						label: "English",						default: ""					}				],				plugins: {					poster: "http://www.videogular.com/assets/images/videogular.png"				}			};		}]	);

英文使用说明 http://www.videogular.com/tutorials/how-to-start/

github地址 https://github.com/videogular/videogular