问题描述
- 新手学习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;
}
}
时间: 2024-12-02 20:16:58