This is the top-most component in the library used to group media elements and control the flow of media state.
All media elements exist inside the
<vds-media> component. It's main jobs are to manage media state, dispatch media events, satisfy media requests, and expose media state through HTML attributes and CSS properties for styling purposes.
<vds-media> element will fire a
media-connect event that will bubble up the DOM so you can obtain a reference to it when it's ready: