HTML and CSS Reference
In-Depth Information
Figure17.HTML5 video custom control, now with style and progress
Even when the
progress
element works, its appearance is disappointing. At this time, we
can't really style it. Something simple, such as setting a new width of the element, causes it to
break in Firefox 6. We certainly can't change the fill control.
NOTE
The browser companies are experimenting with vendor-specific pseudo-elements that allow applica-
tion builders to use CSS to style both the progress element and the HTML5 media element controls.
However, this work is so new, and varies so much among the organizations that we shouldn't expect
to have consistent and standard access to this functionality in the near future.
In addition, the default control for a media element provides feedback on the media resource
loading, as well as the playback. We'd have to add two
progress
elements if we want to do
the same for our custom control. Either that, or create a custom progress bar, too.
