files_videoplayer icon indicating copy to clipboard operation
files_videoplayer copied to clipboard

Cannot see controls with white background videos

Open KJ2ME opened this issue 5 years ago • 5 comments

Image of the error: https://i.imgur.com/A4TfNsp.png

Steps to reproduce

  1. Get a video with white background at bottom.
  2. Share the video (public access).
  3. Enter on the public URL access.

KJ2ME avatar Dec 21 '19 22:12 KJ2ME

I have this same issue as well. Is there a why to change the playback controls to be a gray color or something other than white?

JoeatMJ avatar Mar 09 '20 14:03 JoeatMJ

I would also appreciate a change of color. Especially because if I don't share the video and watch it while logged in then the player has much better controls: player

nlights avatar Apr 20 '20 20:04 nlights

I Solved the problem for me with editing the file videojs.js and changed the colors: .vjs-control-bar {\n\tbackground-color: #000000 !important;\n\tcolor: #eeeeee;\n\tfont-size: 18px\n}

2020-06-23_12h01_02

It would be nice if there is a way to do it via backend and without change code.

japalie avatar Jun 23 '20 10:06 japalie

Same problem here, thanks to @japalie

0xpr03 avatar Oct 27 '20 14:10 0xpr03

similar to #41

a classical easy way solution would be to add:

  • a gradient from top black (opaque) to lower black (transparent) (or reverse direction if on bottom)
  • the gradient is about 60% of height starting
  • the font in white is in the upper part
  • so it will be always visible in any case: if background is even full white

dpalic avatar Dec 17 '23 11:12 dpalic