Add volume tooltip

[gjanblaszczyk]

Description

Add tooltip for volume level so the user knows what they will change too.
Maybe in the scope of WCAG "1.1.1 Non-text Content".

Specific Changes proposed

Add volume level tooltip.

Requirements Checklist

• Feature implemented / Bug fixed
• If necessary, more likely in a feature request than a bug fix
  • Change has been verified in an actual browser (Chome, Firefox, IE)
  • Unit Tests updated or fixed
  • Docs/guides updated
  • Example created (starter template on JSBin)
• Reviewed by Two Core Contributors

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[gkatsev]

Hey, thanks for the PR. Totally forgot to take a look at it.

Two main things that is that we should document and perhaps make it easier to hide the volume tooltip. Also, if the inline:false volume panel is added as the last thing in the control bar, we should potentially have the tooltip show up on the left so that it doesn't go outside the player boundary.

@OwenEdwards thoughts on this?

[brandonocasey]

Having a tooltip is awesome, never realized that we were missing this!

[gjanblaszczyk]

Thanks for the review and sorry for the late response. I am planning to update the PR this week.

[gkatsev]

No worries @gjanblaszczyk, we appreciate the help. I was actually thinking of maybe merging this in and then having the direction get changed as a separate PR. However, if you think you can get this in soon, we may as well wait.

[gjanblaszczyk]

Hi @gkatsev, I am pretty busy right now, so I think it is a good idea to merge this and then to have a separate PR for the improvements. I am planning to back to it as soon as I have some free time.

[thijstriemstra]

I was actually thinking of maybe merging this in and then having the direction get changed as a separate PR.

+1

[gkatsev]

I opened up #7145 to not forget fixing the issue of the volume control being the last item in the control bar.