Shulou(Shulou.com)06/03 Report--

This article will explain in detail how html5 obtains the length of the current video. The editor thinks it is very practical, so I share it with you as a reference. I hope you can get something after reading this article.

Example

Get the length of the current video:

MyVid=document.getElementById ("video1"); alert (myVid.duration)

Definition and usage

The duration property returns the length of the current audio / video in seconds.

If audio / video is not set, NaN (Not-a-Number) is returned.

Browser support

All major browsers support the duration attribute.

Note: this property is not supported by Internet Explorer 8 or earlier browsers.

Grammar

Audio | video.duration

Technical details

Returns a numeric value that represents the length of audio / video in seconds.

According to the program on page P489 in JavaScript advanced programming, I wrote the following program

Video player is not available.

0/0

_ 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[ XSS _ clean] = oPlayer.duration;oBtn.onclick=function () {if (oPlayer.paused) {oPlayer.play (); oBtn.value= "Pause";} else {oPlayer.pause (); oBtn.value= "Play";}}; setInterval () {oCurtimexss _ clean] = oPlayer.currentTime;};}

Because the video tag is not supported in IE8 and previous versions, it is not displayed.

But when IE9,10,11 supports it, why does it show

Also, use alert (oPlayer.duration); the page can pop up the time of the video.

But why does the sentence oDuration [XSS _ clean] = oPlayer.duration; show NaN?

In response, I tried the code again.

Var duration1=oPlayer.duration;alert (duration1); / / NaNalert (oPlayer.duration); / / 3625.982

From the above results, you can see that after assigning the value of oPlayer.duration to a variable, the value of that variable is NaN. But why? By definition, the oPlayer.duration property returns a numeric value, so why does a numeric value become NaN to a variable? I don't understand yet.

This is the end of the article on "how to get the length of the current video by html5". I hope the above content can be helpful to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.