html5设计播放器显示秒数,html5返回当前音频/视频的长度以秒计的属性duration

实例

获得当前视频的长度：myVid=document.getElementById("video1");

alert(myVid.duration);

定义和用法

duration 属性返回当前音频/视频的长度，以秒计。

如果未设置音频/视频，则返回 NaN (Not-a-Number)。

浏览器支持

所有主流浏览器都支持 duration 属性。

注释：Internet Explorer 8 或更早的浏览器不支持该属性。

语法audio|video.duration

技术细节返回值数字值，表示音频/视频的长度，以秒计。

根据JavaScript高级程序设计中P489页的程序，我写了以下程序

Video player is not available.

0/0

window.οnlοad=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.οnclick=function(){

if(oPlayer.paused){

oPlayer.play();

oBtn.value="Pause";

}else{

oPlayer.pause();

oBtn.value="Play";

}

};

setInterval(function(){

oCurtime.innerHTML=oPlayer.currentTime;

},250);

};

由于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？现在还不懂。