Layout
Controls
This page showcases how to create a container for a collection of media controls.
Usage
We don't provide a controls component out of the box because you can easily create one with some HTML, CSS, and media attributes.
The following media data attributes can be useful when building a controls container:
Styling
In the following example, we create a conventional three-tier (top/middle/bottom) set of controls. You could place social icons at the top, play button in the middle, and scrubber at the bottom. It's completely up to you!
Tailwind
The styling example above built with Tailwind:
Examples
See the media outlet docs for additional examples:
Previous
<-
Gesture
Next
Poster
->