文档章节

HTML5视频

完美世界
 完美世界
发布于 2014/06/04 23:15
字数 191
阅读 54
收藏 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
【原创】攻陷移动学习平台,HTML5,你赢了!

作为新一代的Web标准,HTML5自问世以来就受到方方面面的强烈关注,过去的2015年,HTML5的确得到蓬勃的发展,尤其在微信朋友圈的营销上,可以说微信通过公众号的形式,以游戏、营销唤醒了HTM...

移动学习前沿
2016/06/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

颜色模型与颜色应用---RGB颜色模型

中国龙-扬科
24分钟前
3
0
网络优化-tcp和udp的协作

TODO

梦想游戏人
26分钟前
4
0
list和数组转化

Java中List转换为数组,数组转List List转换为Array可以这样处理: ArrayList<String> list=new ArrayList<String>(); String[] strings = new String[list.size()]; list.toArray(strings);......

west_coast
27分钟前
3
0
LSP 商户端API

Your domain:                  lsp-api-merchant.hhs2717.cnVirtualhost conf:             /usr/local/nginx/conf/vhost/lsp-api-merchant.hhs2717.cn.confDirectory of:......

BeanHo
36分钟前
2
0
设计模式 之 访问者模式

设计模式 之 访问者模式 概念 核心理念:将数据结构与算法分离。 使用场景:数据结构不变动,算法经常变动。 1、一个Visitor类存放被访问的对象,访问者主要处理具体算法与行为。 // 访问者...

GMarshal
40分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部