以前,没做视频的时候。总是在想视频插件没什么用处啊。毕竟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