AX: HTML5 media player focus styles are inconsistent; should use the same as the hover styles
This won't be entirely obvious until we get all the focus shadow DOM bugs fixed, but reproduction for now is this:
1. Load a video with captions and choose and item from the popup menu using a mouse (this will push a hidden focus back to the CC button)
2. Shift+Tab through the previous controls. Notice some use hidden outlines, some use native outlines, and some use the same as the hover states (subtle gradient backgrounds).
The focus styles should use mostly the same styles as the :active mouse states for now. Once bug 117857 is resolved, we can tweak the visual styles because they'll be easier to see.
Created attachment 221621 [details]
CSS diff that resolves most issues; need to test a little more
Duping out to bug 127260
*** This bug has been marked as a duplicate of bug 127260 ***