How to deal with invalid problems on HTML5 Video object Chrome
In this issue, Xiaobian will bring you about how to deal with the invalid problem on Chrome of HTML5 Video objects. The article is rich in content and analyzes and narrates from a professional perspective. After reading this article, I hope you can gain something.
Date is doing a video playback page, which uses HTML5 Video object, this is a new object in HTML5, supports a variety of different formats of video online playback, more powerful features, but also extended many events, you can control video playback through JavaScript scripts.
Video object can report the current playback progress through ontimeupdate event, and control other elements on the page according to the video playback situation through this event, such as switching chapters and displaying additional information along with the video playback progress. Here is an example:
The code is as follows:
function timeUpdate() { document.getElementById('time')[xss_clean] = video.currentTime; } function durationChange() { document.getElementById('duration')[xss_clean] = video.duration; } function seekVideo() { document.getElementById('video').currentTime = document.getElementById('seekText').value; } _window.onload = function () { var videoPlayer = document.getElementById("video"); videoPlayer.ontimeupdate = function () { timeUpdate(); }; }; Time: 0 of 0 seconds.
