Standalone Controls Example

This example shows how individual controls can be used without the media-controller element.

Outside the control-bar element

Inside the control-bar element

Note: You only need to set the media-controller= attribute on the media-control-bar. The media-controller will pass the media state details to their child media-chrome elements automatically.