Using a Wrapper Element with Media Chrome Example

This example shows how you can use a wrapper element for your Player UI or "chrome". It takes advantage of:

Using "Standalone controls" via the media-controller attribute
Targetting the wrapper instead of the media-controller via the fullscreen-element attribute
Using CSS selectors and CSS variables to show an overlay only when in fullscreen.

This is an overlay