Blue border around JWPLAYER video

Latest versions of JWPlayer(6.9 onwards) adds blue border around the video when it is in focus.

This is because of the CSS class jwplayer-tab-focus.

The blue border around currently selected video allows to identify which instance of JWPlayer is in focus.

But with a single JWPlayer instance, it can be annoying.

To remove this blue border, we can override the default JWPlayer CSS as follows.

1.jw-tab-focus:focus {
2  outline: none;
3}
Copy

To keep all the overridden CSS in once place, we can add this change in a separate file such as jwplayer_overrides.css.