Add tooltips to all icon controls

[FreekVR]

It would be great if media-chrome would ship with a default implementation of tooltips for all of the iconography used for controls.

This could either be a default Browser Chrome implementation (using title=foo attributes) or a custom tooltip.

Some examples of what I mean;

Youtube

Vimeo

I think this would greatly help some less digital-savvy visitors with understanding how to use players built with media-chrome.

[gkatsev]

Having tooltips would be great. I'd say we should be a bit wary of using the title attribute because that has implications for Screen Readers and we don't want to double announce buttons.

[heff]

This is definitely a missing feature. I think the Mux team has our hands full for the next few months, so if anyone else wants to try a proof-of-concept, have at it.

[luwes]

A tooltip, how hard can it be :). Seen 3 different ways to declare it so far:

• tooltip element wraps the button element https://shoelace.style/components/tooltip (feels unintuitive to me)
• alongside with id - anchor connection https://explore.fast.design/components/fast-tooltip (can become verbose, need many ids)
• tooltip element as child of button https://opensource.adobe.com/spectrum-web-components/components/tooltip/#self-managed-overlays
• tooltip should just be an attribute of button

I think maybe a combination of the last 2. start with just needing to add an attribute for a tooltip, a slotted child if needing more styling etc.