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

This article mainly introduces the relevant knowledge of "how to apply HTML5 video events". Xiaobian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "how to apply HTML5 video events" can help you solve the problem.

Use the onloadedmetadata event to get the length of the video, and use the ontimeupdate event to get the progress of the video currently playing. The sample code is as follows

1. Length of time to obtain video

When video is loaded, use the onloadedmetadata event to get the length of the video.

copy code

The code is as follows:

video.onloadedmetadata = function () {

var vLength = video.duration;

console.log(vLength);

}

2. Current video playback progress

When a video starts playing, you can use the ontimeupdate event to get the progress of the video currently playing. The ontimeupdate event is triggered when the currentTime property of the video object changes. The currentTime property is a floating-point decimal, taken to 12 decimal places.

copy code

The code is as follows:

video.ontimeupdate = function () {

var vTime = video.currentTime;

console.log(vTime);

};

About "HTML5 video event how to apply" content introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.

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.