博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
视频播放插件video和videogular
阅读量:6381 次
发布时间:2019-06-22

本文共 1705 字,大约阅读时间需要 5 分钟。

hot3.png

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

转载于:https://my.oschina.net/zhangyafei/blog/839707

你可能感兴趣的文章
mac mysql root 权限_Mac平台重新设置MySQL的root密码
查看>>
mysql新增一列_MySQL-ProxySQL中间件
查看>>
mysql 30入门_30分钟带你快速入门MySQL教程
查看>>
kangle主机怎么配置MySQL_kangle web服务+easypanel主机控制面板快速搭建网站和数据库以及管理空间详细教程...
查看>>
mysql 翻页 存储过程_MySQl通用翻页(存储过程)
查看>>
mysql 自带压测工具_centos7中mysql自带压测工具mysqlslap使用
查看>>
python中pca算法_使用python的numpy库实现PCA算法
查看>>
2020word替换所有文本_Excel字符函数(5):REPLACE、SUBSTITUTE查找替换函数之区别...
查看>>
win10安装ipython_win10环境 ipython app.py 8080 这里为什么是ipython 这步无法启动
查看>>
statelesswidget 初始化执行方法_Spring的初始化回调你真的搞懂了吗?
查看>>
nhibernate和mysql_利用NHibernate与MySQL交互
查看>>
python22期_python22期第八天(正则表达式-模块,总结)
查看>>
假定在MYSQL_假定在名称为教学库的数据库中包含有学生、课程和选课三个表,它们的定义如下 - 问答库...
查看>>
mysql多字段存储过程_mysql 的存储过程_多字段
查看>>
python怎么创建字符串列表_如何在python列表中为每个字符串创建子列表?
查看>>
vba ado 执行多条mysql 语句_access 按钮 多条sql语句 VBA
查看>>
弹性方法计算连续梁板内力_(梁板结构)混凝土结构设计复习题及答案
查看>>
java root权限_android java获得root权限调用linux命令 | 学步园
查看>>
java最小化窗体_JAVA窗体最大化最小化控制+托盘
查看>>
java 注解 数组默认值_Java注解默认值
查看>>