HTML5 MiranaVideo播放器 (代码开源)

2016-02-19 12:45 85 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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

延伸阅读
标签: Web开发
WebRTC可能是明年最受关注的HTML5标准了,Mozilla为此开发了一套帮助你控制硬件的API,例如,摄像头,麦克风,或者是加速表。你可以不依赖其它的插件来调用你需要的本机硬件设备。 在今天的这篇文章中,我们将介绍来自Wolfram Hempel开发的Photobooth.js,使用这个类库可以帮助你快速的调用摄像头功能,你可以很容易的添加摄像头功能到网站...
暴风影音 实用度:★★★★☆ 点评:暴风影音是最有名的视频播放器之一,它最大的特点是支持“左眼”视频加清,这款视频播放器的历史很久远,且十分实用。 qq影音 实用度:★★★★ 点评: 总的来说qq影音的实用度还是挺不错的,不过它给人的第一印象就是山寨版暴风影音,好在效果、功能都挺不错,没用过的朋友不妨试...
咪咕音乐播放器如何播放器如何设置   咪咕音乐播放器播放器设置的方法如下: 通过主菜单和控制区域点击鼠标右键菜单可以调出咪咕音乐设置面板进行相关设置。
标签: 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" //获取绘图对...
标签: Web开发
演示地址: HTML5拍照演示 首先,我们看看HTML代码结构,当然,这部分的DOM内容应该是在用户允许使用其摄像头事件出发后,动态加载生成的。 注意: 我们采用的是 640X480的分辨率,如果采用JS动态生成,那么您是可以灵活控制分辨率的。 代码如下: !-- 声明: 此div应该在允许使用webcam,网络摄像头之后动态生成 宽高: 640 *480,当然,...

经验教程

619

收藏

51
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部