文档章节

HTML5视频

完美世界
 完美世界
发布于 2014/06/04 23:15
字数 191
阅读 53
收藏 0
//视频处理 ——————————————————————————
var video;
var pauseTime = -1;
function VideoInit(){
try{
video = document.getElementById(“myVideo”);
//监听视频播放结束事件
video.addEventListener(“ended”, function() 
{
//alert(“播放结束。”);
closeAdv();
}, true);
// 发生错误
video.addEventListener(“error”,function(){  
//alert(video.error.code);
//switch (video.error.code) 
//{
//	case MediaError.MEDIA_ERROR_ABORTED:
//	 alert(“视频的下载过程被中止。”);
//	 break;
//	case MediaError.MEDIA_ERROR_NETWORK:
//	 alert(“网络发生故障,视频的下载过程被中止。”);
//	 break;
//	case MediaError.MEDIA_ERROR_DECODE:
//	 alert(“解码失败。”);
//	 break;
//	case MediaError.MEDIA_ERROR_SRC_NOT_SUPPORTED:
//	 alert(“不支持播放的视频格式。”);
//	 break;
//	default:
//	 alert(“发生未知错误。”);
//} 
closeAdv();   
},false);
pauseTime = -1;
$(‘#autoTime’).everyTime(1000,function(){
if(pauseTime != -1){
temptime-=1;
$(“#myLastTime”).text(temptime);
if(temptime < 0){
temptime = 0;
}
}
});
}catch(e){
//closeAdv();
}
}
function play() 
{
pauseTime = 0;
// 播放视频
video.play();
setTimeout(‘closeAdv()’,40000);
$(“#autoPlay”).removeAttr(“disabled”);
$(“#autoPause”).removeAttr(“disabled”);
}
function closeAdv(){
$(“.adv”).fadeOut(“slow”,function(){
$(“.main”).fadeIn(“slow”);
});
}
function pause() 
{
//暂停播放
video.pause();
pauseTime = -1;
//清除倒计时
$(“#autoPlay”).removeAttr(“disabled”);
$(“#autoPause”).removeAttr(“disabled”);
}
//视频处理 ——————————————————————————


© 著作权归作者所有

共有 人打赏支持
完美世界
粉丝 10
博文 151
码字总数 134011
作品 0
西城
高级程序员
史无前例的 HTML5 资源参考指南

尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 ...

李长春
2012/03/02
0
1
HTML5 视频转换软件 Freemake Video Converter

HTML5的Video标签可以说算是HTML5的重头戏,各大浏览器都纷纷响应,现代浏览器都能支持Video标签,基于Video标签的播放器也越来越多,但问题是每个浏览器所支持的视频格式不同,想在各大浏览...

海纳百川
2013/01/14
0
1
给网页设计师的30个HTML5学习资源

早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言...

晨曦之光
2012/03/09
0
0
主流浏览器CSS3和HTML5兼容性详细清单

天极网软件频道2011-05-26 15:26 分享到:我要吐槽   更多精彩相关文章推荐:   常用浏览器软件HTML5兼容性表现测试   IE和Firefox浏览器CSS兼容性技巧整理   CSS hack定义技巧浏览器...

波利beryl
2014/11/12
0
0
sewise HTML5开源播放器的皮肤

sewise HTML5播放器是一款专业的免费开源的HTML5网页视频、流播放器,兼容Flash播放,它功能强大,体积小,跨平台,使用方便简洁、随心所欲。 sewise HTML5开源播放器皮肤可以自由定义,皮肤...

sewise
2014/05/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

代理模式

自测: Q:何为代理模式? 代理是一种__或者__,控制对另一个对象的访问,而这些对象可能是__对象,______的对象,或者是对______的对象。 Q:那些角色及划分? 3个核心角色 角色一:____ 角...

阿元
36分钟前
1
0
面试经验

原文

火力全開
42分钟前
1
0
Kubernetes 教程(一) 环境安装并配置一个集群

Git<---------->jenkins docker<--------->kubernetes ?

MrPei
56分钟前
1
0
linux学习-0919

linux和windows互传文件 用户配置文件和密码配置文件 用户组管理 用户管理 一、linux和windows互传文件 linux和windows可以互相传输文件,但是需要使用xshell 并且安装lrzsz包: yum insta...

wxy丶
今天
1
0
收集几个开源的微信小程序开发框架

1、 mpvue mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小...

哥本哈根的小哥
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部