-
Notifications
You must be signed in to change notification settings - Fork 7.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: enable responsive controls on fullscreen #7098
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is good, I think, but we should look at our internal BC skin to see if we can change the specificity such that the !important
is not necessary.
## Root-cause `https://github.com/videojs/video.js/pull/7098` videojs was recently upgraded. ## Change Override videojs default theme of hiding the time control in smaller layouts.
## Root-cause `https://github.com/videojs/video.js/pull/7098` videojs was recently upgraded. ## Change Override videojs default theme of hiding the time control in smaller layouts.
## Root-cause `https://github.com/videojs/video.js/pull/7098` videojs was recently upgraded. ## Change Override videojs default theme of hiding the time control in smaller layouts.
## Root-cause `https://github.com/videojs/video.js/pull/7098` videojs was recently upgraded. ## Change Override videojs default theme of hiding the time control in smaller layouts.
## Root-cause `https://github.com/videojs/video.js/pull/7098` videojs was recently upgraded. ## Change Override videojs default theme of hiding the time control in smaller layouts.
## Root-cause `https://github.com/videojs/video.js/pull/7098` videojs was recently upgraded. ## Change Override videojs default theme of hiding the time control in smaller layouts.
@gkatsev, @misteroneill we recently updated to the latest videojs version which contains this fix. However, this fix forces us to introduce the use of !important, which means we will have to do something like @infinite-persistence did here. In our case, this is not a good solution because we provide a library in which integrators can override some rules by increasing the specificity. I don't know if I missed anything and what the BC means, but I think the !important is not necessary, based on my tests. @ipadilla4, maybe a reduced test case will help to understand why the !important is so important. |
You're definitely right. We should look into and remove |
@amtins the change is in Video.js 7.15.7 |
Co-authored-by: Ileana Padilla <[email protected]>
A client reported that control buttons are not positioned correctly when player is full-screened and screen is small.
Currently we are excluding our responsive controls on fullscreen and changes include removing that. This solves the issue for small screens. Also added !important rule to override BC skin properties and hide controls when necessary.