文档章节

HTML5视频

完美世界
 完美世界
发布于 2014/06/04 23:15
字数 191
阅读 55
收藏 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
西城
高级程序员
私信 提问
分享10款最棒的免费HTML5视频播放器

日期:2011/12/16 来源:GBin1.com 最近Web圈子里最让人激动地莫过于HTML5了,特别是HTML5视频,使用HTML5视频标签可以帮助我们解决困扰我们很长时间的网站视频插入问题。 HTML5可以在没有f...

gbin1
2011/12/21
2.1K
2
史无前例的 HTML5 资源参考指南

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

李长春
2012/03/02
0
1
分享7个漂亮的HTML5视频音频播放器及源码

网页视频音频播放器大家并不陌生,在IE中我们可以运行ActiveX来嵌入微软的Media Player或者其他的本地播放器,当然可能大部分我们都是使用Flash来制作播放器。在HTML5发展迅速的今天,让我们...

tp_wire
2012/07/11
32.7K
5
HTML5(目前)无法帮你实现的五件事

一直以来,很多人都专注于HTML5能够实现什么(或者是如何将各种方法连接起来,实现一个更加优雅的解决方案)。而现在,也不少人想将目光投向那些HTML5无法实现的事情。MSDN上微软员工thebeeb...

虫虫
2011/12/12
3.8K
22
最好的 6 个 HTML5 的多媒体播放器

是 HTML5 中新引入的标签,用来在 Web 网页中嵌入视频播放功能,无需 Flash 和其他嵌入式插件的支持,是浏览器内建的功能,不过 旨在一些高级浏览器中支持,例如 Firefox, Safari, Chrome, a...

红薯
2011/11/27
9.4K
9

没有更多内容

加载失败,请刷新页面

加载更多

虚拟化 - KVM 和 Xen 比较

Linux虚拟化技术的用户目前有两种免费的开源管理程序可以选择:Xen和KVM。 作为较早出现的虚拟化技术,Xen是“第一类”运行在裸机上的虚拟化管理程序(Hypervisor),也是当前相当一部分商业...

临江仙卜算子
22分钟前
1
0
给windows server中的“未识别的网络”或“无法识别的网络”设置网络位置类型

在windows server中,如果网络没有被正确的识别,那么就需要手工设置一下网络位置类型。 将“公用网络”指定设置为“专用网络“ 【控制面板】--【系统和安全】--【管理工具】--【本地安全策略...

gugudu
今天
2
0
阿里强制要求的21条Java开发规范,可以避免很多坑

1. 【强制】避免通过一个类的对象引用访问此类的静态变量或静态方法,无谓增加编译器解析成本,直接用类名来访问即可。 2. 【强制】所有的覆写方法,必须加@Override注解。 说明:getObject...

天王盖地虎626
今天
10
0
oracle dg 备库未设置convert参数导致ORA-01111,ORA-01110

查看trace 文件: MRP0: Background Managed Standby Recovery process started (amls) started logmerger process Sun Jan 20 07:55:53 2019 Managed Standby Recovery starting Real Time ......

hnairdb
今天
2
0
乱入Linux界的我是如何学习的

欢迎来到建哥学Linux,咳!咳!咳!开个玩笑哈,我是一个IT男,IT界的入门选手,正在学习Linux。 在之前,一直想进军IT界,学习IT技术,但是苦于没有人指导,也不知道学什么,最开始我自己在...

linux-tao
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部