html5+-新手学习HTML5的几个小问题?

问题描述

新手学习HTML5的几个小问题?

在下刚学HTML5不久,正在自制一个HTML5视频播放器(即使用video标签),现遇到如下几个问题,想了好久不能解决?求大神解答:
①IE下视频全屏(即video.msRequestFullscreen();)下我的自制控制条(我没有使用video标签自己的控制条)不见了?这是怎么回事?(附:这个功能在Chrome下我以调试正常)
②IE下切换视频分辨率时,我明明设置了将切换后视频的播放进度设为切换之前视频的播放进度(即
var vTime = video.currentTime;//视频当前播放时间秒数
if(id == "video_resolution_super"){
if(video_resolution_content.innerHTML != "720P"){
video_resolution_content.innerHTML="720P";
video.src="videos/other1.mp4";
video.currentTime = vTime;
}
}
)但是为啥视频切换后仍是从头开始播放啊?(这个功能在Chrome下是正常的,我说的这几个问题都是IE下的)

解决方案

代码方面并没有什么问题,问题应该还是出在IE浏览器上。清理一下缓存,重新测试看看。

解决方案二:

HTML5的使用,并不是所有的浏览器都支持的。具体参考一下这个:http://www.w3cschool.cc/html/html5-video.html

解决方案三:

第二个问题不知道为啥,在切换后设置播放进度之前加了一个alert语句就可以了,这到底为啥呀?
var vTime = video.currentTime;//视频当前播放时间秒数
if(id == "video_resolution_super"){
if(video_resolution_content.innerHTML != "720P"){
video_resolution_content.innerHTML="720P";
video.src="videos/other1.mp4";
//video.load();
//video.play();
alert(vTime);
video.currentTime = vTime;
}
}

时间: 2016-03-15

html5+-新手学习HTML5的几个小问题?的相关文章

学习html5系列之-- requestAnimationFrame

一,开篇分析 Hi,大家好!大熊君又和大家见面了,(*^__^*) 嘻嘻--,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例, 让大家一步一步的体会"h5"能够做什么,以及在实际项目中如何去合理的运用达到使用自如,完美驾驭O(∩_∩)O~,好了,废话不多说,直接进入今天的主题, 今天主要讲的是"requestAnimationFrame API"及在客户端浏览器中的作用,并且会引入一个实际的例子做为讲解的原型范例,让我们先来

HTML5新手入门指南

HTML5的发展越来越迈向成熟,很多的应用已经逐渐出现在你我日常生活中了,不只让传统网站上的互动Flash逐渐的被HTML5的技术取代,更重要的是可以透过HTML5的技术来开发跨平台的手机软体,让许多开发者感到十分的兴奋! 当你开始想要学习.试图想要投入相关的开发时,由于HTML5的技术还在持续发展.进化当中,学习的资源也都比较零散,较难有一个整体的方向.在本篇文章中,笔者将会导览HTML5的主要技术组成,并且提供一些学习资源让大家参考. HTML5到底是什么? 一般广义而言的HTML5则包含了

html5-最近学习HTML5,各位帮助一下

问题描述 最近学习HTML5,各位帮助一下 最近学习HTML5,各位帮助一下,怎么用HTML5画流动虚线? 解决方案 虚线你会画不? 所谓的流动,是什么概念呢? 解决方案二: 流动就是虚线看上去一直在往前走 解决方案三: 就是画一条固定的虚线,两端都不移动,但中间部分看上去是一直在往前移动的

数百个HTML5例子学习HT图形组件 – 3D建模篇

<数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇>里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果,例如http://www.hightopo.com/guide... 这个 3D 电信机房监控例子整个都是通过 HT 提供的 API 构建而成: 不过这个例子中的模型都比较规矩,也就消防栓由一个球 + 圆通构成,其他图形通过 HT 提供的基本 Node 以及 Shape 对象即可搞定: 但这并不意味着 API

跪求大神指点-想学习html5用的是intel idea 怎么装上用到的插件

问题描述 想学习html5用的是intel idea 怎么装上用到的插件 求大神指点还有学习html5所需要的插件有哪些?就是个外行,求指点 解决方案 用Notepad++就蛮不错的,一直在用着 解决方案二: 用Notepad++就蛮不错的,一直在用着 解决方案三: 用Notepad++就蛮不错的,一直在用着 解决方案四: 只能用webstorm idea装不了的

新手学习网站优化系列教程七:内链优化

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 快过年,我要加快速度,完成春节前这个系列优化教程的整理.通过前面的六课,总结了网站优化中的部分优化方法,<域名的选择>.<空间的选择>.<程序的选择>.<网站的基本设置>.<推广方法的选择>.<关键词优化>.今天笔者继续跟大家讲解第七课,内链的优化方法.对于站长常知的优化

新手学习seo必须将基础代码知识和seo基本思想结合起来

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 众所周知,目前随着电子商务的蓬勃发展,很多企业纷至沓来,加入到互联网的竞争之中,作为一个seo新人我们如何在残酷的竞争中求得一席之地,笔者今天以一个过来人的身份和大家分享下自己当初学习seo中的点点滴滴,其实本篇的主题笔者已经表述的非常明确了就是新手学习seo要将基础代码知识和seo基本思想结合起来,通过基本的seo策略和思路去指引我们的优化

新手学习前端之js模仿淘宝主页网站_javascript技巧

先给大家展示下效果图: 图片资源链接:http://pan.baidu.com/s/1jHAdLNg 密码:5uo1 html 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&quo

新手学习网站优化系列教程一:域名的选择

中介交易 SEO诊断 淘宝客 云主机 技术大厅 这几天的网络上一件爆红的事件"天价网络推广班"让笔者看到了网络培训的那股火爆气势.不管是炒作还是真实事件,这也反应出网络推广是越来越有前景.那么作为喜欢网站的咱们来说,特别是刚进门的站长,怎么系统化的学好网站优化各方面的知识呢?这要是到网络上随便看看别人的文章肯定不行的,毕竟每个站长都有不同的说法,很容易让新手产生分不清东西南北的感觉,对于这点,笔者想通过自己两年来的做站经历,给各位新手总结一系列的学习网站优化教程,这些教程写得有点罗嗦吧