HTML5 MiranaVideo播放器 (代码开源) _html5教程技巧
程序员文章站
2022-03-18 13:11:37
...
【HTML5】---【MiranaVideo播放器】
请使用新版的firefox或chrome等支持video格式的浏览器打开
多个视频加载,图片浏览:
MiranaVideo Demo : http://demo.jb51.net/js/MiranaVideo/MiranaVideo.htm
1、渐进增加,不支持video格式浏览器用flash代替
2、播放进度显示
3、加载进度显示
4、播放时间和总时间显示
5、音量调节 并保存在本地localStrong
6、非全屏/全屏操作
7、1个页面支持多个MiranaVideo实例
8、异常流,加入错误提示
9、loading判断,loading图片展示
10、开头和结尾poster广告显示
11、增加判断本地缓存的加载显示
12、重复播放
13、工具栏悬停显示
MiranaVideo 代码基于 Yui .
代码下载: MiranaVideo.rar
请使用新版的firefox或chrome等支持video格式的浏览器打开
多个视频加载,图片浏览:
MiranaVideo Demo : http://demo.jb51.net/js/MiranaVideo/MiranaVideo.htm
1、渐进增加,不支持video格式浏览器用flash代替
2、播放进度显示
3、加载进度显示
4、播放时间和总时间显示
5、音量调节 并保存在本地localStrong
6、非全屏/全屏操作
7、1个页面支持多个MiranaVideo实例
8、异常流,加入错误提示
9、loading判断,loading图片展示
10、开头和结尾poster广告显示
11、增加判断本地缓存的加载显示
12、重复播放
13、工具栏悬停显示
MiranaVideo 代码基于 Yui .
代码下载: MiranaVideo.rar
推荐阅读
-
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例_html5教程技巧
-
HTML5 MiranaVideo播放器 (代码开源)
-
HTML5 MiranaVideo播放器 (代码开源)
-
Html5百叶窗效果的示例代码_html5教程技巧
-
简单html5代码获取地理位置_html5教程技巧
-
HTML5的标签的代码的简单介绍 HTML5标签的简介_html5教程技巧
-
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)_html5教程技巧
-
简单html5代码获取地理位置_html5教程技巧
-
HTML5注册页面示例代码_html5教程技巧
-
检测浏览器是否支持html5视频的代码_html5教程技巧