Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
For some reason the vm-scrim control only covers the right half of the video.
If I inspect the html element, adding "left:0" style to the div with class "scrim gradient gradientUp" in the element fixes the issue. But I'm unable to apply the style through the web-page css styles.
The problem exists for me on Firefox, Chrome and Edge on Windows. I assume the issue may be related to some other css style on my page?
The problem seems to be present when the vm-player element has inherited the text-align:center style. Adding a style rule that sets text-align:left seems to fix it.
For some reason the vm-scrim control only covers the right half of the video.
If I inspect the html element, adding "left:0" style to the div with class "scrim gradient gradientUp" in the element fixes the issue. But I'm unable to apply the style through the web-page css styles.
The problem exists for me on Firefox, Chrome and Edge on Windows. I assume the issue may be related to some other css style on my page?
My player is loaded like this: