HTML5 MiranaVideo播放器 (代码开源)

2016-02-19 12:45 81 1 收藏

有一种朋友不在生活里，却在生命力；有一种陪伴不在身边，却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗？话不多说下面就和大家分享HTML5 MiranaVideo播放器 (代码开源)吧。

【 tulaoshi.com - Web开发】

---
请使用新版的firefox或chrome等支持video格式的浏览器打开
多个视频加载,图片浏览:

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

来源:https://www.tulaoshi.com/n/20160219/1601805.html

看过《HTML5 MiranaVideo播放器 (代码开源)》的人还看了以下文章更多>>

基于HTML5超酷摄像头（HTML5 webcam）拍照功能实现代码

标签： Web开发

WebRTC可能是明年最受关注的HTML5标准了，Mozilla为此开发了一套帮助你控制硬件的API，例如，摄像头，麦克风，或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。在今天的这篇文章中，我们将介绍来自Wolfram Hempel开发的Photobooth.js，使用这个类库可以帮助你快速的调用摄像头功能，你可以很容易的添加摄像头功能到网站...

html5时钟实现代码

标签： Web开发

复制代码代码如下: !DOCTYPE HTML html head meta charset="UTF-8" style type="text/css" canvas{position:absolute;top:0px;left:0px;} /style title时钟/title /head body canvas id="canvas" width="200" height="200"/canvas canvas id="p_canvas" width="200" height="200"/canvas script type="text/javascript" //获取绘图对...

使用HTML5拍照示例代码

标签： Web开发

演示地址： HTML5拍照演示首先，我们看看HTML代码结构，当然，这部分的DOM内容应该是在用户允许使用其摄像头事件出发后，动态加载生成的。注意：我们采用的是 640X480的分辨率，如果采用JS动态生成，那么您是可以灵活控制分辨率的。代码如下： !-- 声明：此div应该在允许使用webcam，网络摄像头之后动态生成宽高： 640 *480,当然，...

HTML5计时器小例子

标签： Web开发

html: 代码如下： !DOCTYPE html html lang="en" head meta charset="utf-8" !-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess -- meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" titleHTML5 Timer for work-relax balance/title meta na...

html5 Canvas绘制线条 closePath()实例代码

标签： Web开发

核心代码: 复制代码代码如下: $(function(){ var can = $("#can").get(0); var txi = can.getContext("2d"); txi.beginPath(); txi.moveTo(105,105); txi.lineTo(105,45); txi.lineTo(45,105); txi.closePath(); txi.stroke(); txi.beginPath(); txi.moveTo(25,25); txi.lineTo(100,25); txi.lineTo(25,100); txi.stroke(); })...

查看更多精彩>>