Home
About
Get started
Foundations
Tokens
Elements
- All elements
- Accordion
- Alert
- Audio player
- Avatar
- Back to top
- Badge
- Blockquote
- Breadcrumb
- Button
- Call to action
- Card
- Code block
- Dialog
- Footer
- Health index
- Navigation (primary)
- Navigation (secondary)
- Pagination
- Popover Planned
- Progress steps
- Site status
- Skip link
- Spinner
- Statistic
- Subnavigation
- Surface
- Switch
- Table
- Tabs
- Tag
- Tile
- Timestamp
- Tooltip
- Video embed
Patterns
Accessibility
Design/code status
Release notes
Get support

Audio player

Overview Style Features Guidelines Code Demos Accessibility

Audio Player

HTML

JS

CSS

FullScreen

View source on GitHub

View In Own Tab

Customization

HTML

CSS

JS

FullScreen

View source on GitHub

View In Own Tab

Detailed Transcript

HTML

JS

CSS

FullScreen

View source on GitHub

View In Own Tab

Heading Levels

HTML

JS

CSS

FullScreen

View source on GitHub

View In Own Tab

Language Localization

HTML

JS

CSS

FullScreen

View source on GitHub

View In Own Tab

Prevent Concurrent Playback

HTML

JS

CSS

FullScreen

View source on GitHub

View In Own Tab

Right To Left

HTML

CSS

JS

FullScreen

View source on GitHub

View In Own Tab

Audio player

Audio Player

Customization

Detailed Transcript

Heading Levels

Language Localization

Prevent Concurrent Playback

Right To Left

Other libraries

Feedback

Red Hat legal and privacy links

Red Hat legal and privacy links

Audio player

Audio Player

Customization

Detailed Transcript

Heading Levels

Language Localization

Prevent Concurrent Playback

Right To Left

Other libraries

Feedback

Related elements or patterns

Red Hat legal and privacy links

Red Hat legal and privacy links