HTML and CSS Reference
In-Depth Information
And, finally, styles for the time counters:
#audioTimes {
float:right;
list-style:none;
margin: 5px 0 0;
}
#audioTimes li {
font:bold 13px Arial, Helvetica sans-serif;
float: left;
}
#audioTimes li:first-child {
border-right: 1px solid #000;
margin-right: 15px;
padding-right: 15px;
}
Figure 4-5. Unstyled audio player as viewed in Safari 5
Discussion
Not into rolling your own? There are a few prebuilt solutions you can consider for
customized player controls, including playlist features:
• jPlayer jQuery plug-in:
http://www.jplayer.org
• MooTools HTML5 Audio Player:
http://simulacre.org/mootools-html5-audio-player
See Also
The “Creating Your Own Accessible HTML5 Media Player” tutorial at
http://terri
