编程 HTML / CSS

HTML5 MiranaVideo播放器 (代码开源)

Posted in HTML / CSS onJune 11, 2010

【HTML5】---【MiranaVideo播放器】
请使用新版的firefox或chrome等支持video格式的浏览器打开
多个视频加载,图片浏览:
HTML5 MiranaVideo播放器 (代码开源)
MiranaVideo Demo : http://demo.3water.com/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 MiranaVideo播放器 (代码开源)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐

不同浏览器对CSS3和HTML5的支持状况

Oct 31 HTML / CSS

基于DOM+CSS3实现OrgChart组织结构图插件

Mar 02 HTML / CSS

CSS3的颜色渐变效果的示例代码

Sep 29 HTML / CSS

CSS3 实现时间轴动画

Nov 25 HTML / CSS

H5仿微信界面教程(一)

Jul 05 HTML / CSS

html5指南-3.如何实现html元素拖拽功能

Jan 07 HTML / CSS

html5中valid、invalid、required的定义

Feb 21 HTML / CSS

HTML5 Canvas中绘制椭圆的4种方法

Apr 24 HTML / CSS

浅谈基于HTML5的在线视频播放方案

Feb 18 HTML / CSS

HTML5之tabindex属性全面解析

Jul 07 HTML / CSS

使用placeholder属性设置input文本框的提示信息

Feb 19 HTML / CSS

canvas实现滑动验证的实现示例

Aug 11 HTML / CSS

用HTML5.0制作网页的教程

May 30 #HTML / CSS

HTML5 微格式和相关的属性名称

Feb 10 #HTML / CSS

HTML5 标准将把互联网视频扔回到黑暗时代

Feb 10 #HTML / CSS

HTML5是否真的可以取代Flash

Feb 10 #HTML / CSS

HTML5 常用语法一览(列举不支持的属性)

Jan 26 #HTML / CSS

让IE支持HTML5的方法

Dec 11 #HTML / CSS

IE支持HTML5的解决方法

Oct 20 #HTML / CSS

You might like

PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程

2014/08/23 PHP

PHP SPL标准库之数据结构栈(SplStack)介绍

2015/05/12 PHP

PHP查看SSL证书信息的方法

2016/09/22 PHP

CentOS7.0下安装PHP5.6.30服务的教程详解

2018/09/29 PHP

解决laravel查询构造器中的别名问题

2019/10/17 PHP

$.ajax返回的JSON无法执行success的解决方法

2011/09/09 Javascript

js中document.getElementByid、document.all和document.layers区分介绍

2011/12/08 Javascript

JSON.parse()和JSON.stringify()使用介绍

2014/06/20 Javascript

node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用

2014/11/04 Javascript

底部悬浮通栏可以关闭广告位的实现方法

2016/06/01 Javascript

js中DOM三级列表（代码分享）

2017/03/20 Javascript

浅谈对Angular中的生命周期钩子的理解

2017/07/31 Javascript

pace.js和NProgress.js两个加载进度插件的一点小总结

2018/01/31 Javascript

vue 2.0 购物车小球抛物线的示例代码

2018/02/01 Javascript

jQuery实现鼠标点击处心形漂浮的炫酷效果示例

2018/04/12 jQuery

详解create-react-app 2.0版本如何启用装饰器语法

2018/10/23 Javascript

微信小程序上传图片并等比列压缩到指定大小的实例代码

2019/10/24 Javascript

[04:36]DOTA2国际邀请赛 ti3精彩集锦

2013/08/19 DOTA

python魔法方法-属性转换和类的表示详解

2016/07/22 Python

python pandas库的安装和创建

2019/01/10 Python

pandas分区间,算频率的实例

2019/07/04 Python

Python流程控制 while循环实现解析

2019/09/02 Python

一款纯css3实现的鼠标悬停动画按钮

2014/12/29 HTML / CSS

结合 CSS3 transition transform 实现简单的跑马灯效果的示例

2018/02/07 HTML / CSS

英国曼彻斯特宠物用品品牌：Bunty Pet Products

2019/07/27 全球购物

教师学习培训邀请函

2014/02/04 职场文书

老公给老婆的保证书

2014/04/28 职场文书

出国留学担保书

2014/05/20 职场文书

关于教师节的演讲稿

2014/09/04 职场文书

单位作风建设剖析材料

2014/10/11 职场文书

党员查摆四风问题思想汇报

2014/10/25 职场文书

经营场所证明范本

2015/06/19 职场文书

golang在GRPC中设置client的超时时间

2021/04/27 Golang

CSS几步实现赛博朋克2077风格视觉效果

2021/06/16 HTML / CSS

解决springboot druid数据库连接失败后一直重连的方法

2022/04/19 Java/Android

JavaScript圣杯布局与双飞翼布局实现案例详解

2022/08/05 Javascript