mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-11-10 17:38:54 -05:00
feat: Focus the player element so keyboard controls work
This commit is contained in:
parent
738d0d9e00
commit
e3291a5d75
@ -770,6 +770,18 @@ button {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
outline: none; /* Remove default browser focus outline */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom focus styles for video player */
|
||||||
|
.video-js:focus {
|
||||||
|
box-shadow: 0 0 0 3px rgba(25, 153, 50, 0.5);
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ensure video player is focusable */
|
||||||
|
.video-js[tabindex] {
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fullscreen video-js player styles for embedded video player */
|
/* Fullscreen video-js player styles for embedded video player */
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user