HTML and CSS Reference
In-Depth Information
▪ Both IE9 and IE10 support the ability to change playback position, and the progress bar.
However, when you seek beyond the currently buffered video time range, the progress bar
resets back to zero. Examining the results more closely shows us that Microsoft is main-
taining only one time range at a time.
If you want a more up close and personal look at how the time ranges work, add an empty
div
element with an id of
test
to the end of the HTML for the document. Then change the
buffered array processing to the following:
for (var i = 0; i < this.buffered.length; i++) {
document.getElementById("test").innerHTML = i + " " +
this.buffered.start(i) + " " +
this.buffered.end(i);
end += (this.buffered.end(i) - this.buffered.start(i));
}
Figure 19
shows the video playing in Firefox, after a couple of new positions are picked for
playback, and with the time range feedback code. The time range information is below the
controls, to the left of the page. It's rather interesting to see the number of time ranges increase
and then decrease, as the ranges are seemingly buffered and then merged with other buffered
ranges.
