HTML5中<video>标签的duration属性在IE中为NAN的原因
来源:互联网 发布:批量发送工资条软件 编辑:程序博客网 时间:2024/06/05 04:47
根据JavaScript高级程序设计中P489页的程序,我写了以下程序
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<div class="mediaplayer">
<div class="video">
<video id="player" poster="E:\1.jpg" width="300" height="200" src="太阳E15.mp4">
Video player is not available.
</video>
</div>
<div class="controls">
<input type="button" value="Play" id="video-btn">
<span id="curtime">0</span>/<span id="duration">0</span>
</div>
</div>
<script type="text/javascript">
window.onload=function(){
var oPlayer=document.getElementById('player');
var oBtn=document.getElementById("video-btn");
var oCurtime=document.getElementById('curtime');
var oDuration=document.getElementById('duration');
oDuration.innerHTML=oPlayer.duration;
oBtn.onclick=function(){
if(oPlayer.paused){
oPlayer.play();
oBtn.value="Pause";
}else{
oPlayer.pause();
oBtn.value="Play";
}
};
setInterval(function(){
oCurtime.innerHTML=oPlayer.currentTime;
},250);
};
</script>
</body>
</html>
由于IE8及其之前的版本不支持video标签,所以不显示。
但是在IE9,10,11支持的情况下,为什么会显示
并且,使用alert(oPlayer.duration);页面是能够弹出该视频的时间的。
但是为什么oDuration.innerHTML=oPlayer.duration;这句话会显示NaN?
对此,我又尝试了一下代码
var duration1=oPlayer.duration;
alert(duration1);//NaN
alert(oPlayer.duration);//3625.982
由上面的结果,可以看出将oPlayer.duration的值赋给一个变量后这个变量的值是NaN。但是为什么?根据定义oPlayer.duration属性返回的是一个数值,为什么数值赋给一个变量会变成NaN?现在还不懂。
- HTML5中<video>标签的duration属性在IE中为NAN的原因
- 解决IE中duration返回NaN问题
- jsp中插入html5的video标签
- HTML5 更改audio src路径后,获取duration为NaN的解决方法
- html5中video标签
- HTML5中<video>标签
- 关于HTML5中video标签在webstorm中使用绝对路径不能播放视频的解析
- android中HTML5的Video标签的播放
- 关于HTML5中Video标签无法播放mp4的解决办法
- Video对象的playbackRate属性和duration、ended属性介绍
- html5的video标签
- HTML5的video标签
- 关于html5新标签video在老ie上的兼容性
- html5中video的使用
- html5 中一些标签新增的属性
- html5中input标签增加的属性
- HTML5中废弃的标签属性
- <video>标签的属性
- 动态规划问题(2)-最长上升子序列
- json格式null转空串
- Android开发----AsyncTask的使用以及源码解析
- opencv森林火灾检测-2
- 7.正则表达式(可用于在抓取的html源码中,获取要求的数字)
- HTML5中<video>标签的duration属性在IE中为NAN的原因
- Android —— 解决MVP引起的内存泄漏
- 漫步微积分十七——最大最小值问题(续)
- 【经典算法】——KMP,深入讲解next数组的求解
- iOS URL Scheme 第三方跳转
- 论RE的多种姿势
- 中国剩余定理一般情况
- mysql show status详解
- java项目之——坦克大战04.1