fix: Focus Visible (WCAG 2.4.7) (#814)

Author: tsi

README.md

@@ -66,7 +66,7 @@ cloudinary.videoPlayer('player', {
 ## Documentation
 - [Documentation](https://cloudinary.com/documentation/cloudinary_video_player)
 - [API Reference](https://cloudinary.com/documentation/video_player_api_reference)
-- [Demo](https://demo.cloudinary.com/video-player/)
+- [Demos](https://cloudinary.com/demos?filter=videos)
 - [Code Examples](https://cloudinary.github.io/cloudinary-video-player/)
 - [Video Player Studio](https://studio.cloudinary.com/) 
 

src/assets/styles/main.scss

@@ -7,7 +7,6 @@ $icon-font-path: '../icon-font' !default;
 
 // Import Video.js style
 @import '~video.root.js/dist/video-js.min.css';
-@include meta.load-css('mixins/skin');
 @include meta.load-css('icons');
 @include meta.load-css('components/loading-button.scss');
 @include meta.load-css('components/text-tracks.scss');
@@ -34,11 +33,12 @@ $icon-font-path: '../icon-font' !default;
 
   // focus and hover states
   .vjs-control,
-  .vjs-big-play-button,
   .vjs-icon-close,
   .vjs-volume-bar {
-    &:focus {
+    &:focus,
+    &:focus:before {
       outline: none;
+      text-shadow: 0 0 1em var(--color-text);
     }
   }