12 個の投稿 / 0 new
最終投稿
#1 2020-02-24 03:35

[Idea] Expand clickable height of seekbar

Could you increase the area above and below the seekbar that can be clicked? It's very narrow, and I think we need to do a lot of rewinding on this site, for obvious reasons.
Right now I can click the seekbar or the timestamp bubble above it to seek, but not the wide space between them.

2020-02-25 02:24

On a similar note, I don't get why but the volume of most videos here is like twice as loud as videos on other sites, making the leftmost 3 pixels on the volume slider the only ones that feel relevant. I get that I can just turn my computer volume down, but it's annoying to have to switch when I switch sites to other streaming platforms.

2020-02-25 06:23

I have noticed the excessive volume as well, but it is not on all of the videos. I always assumed it was because the video maker turned up the volume too high.

2020-02-28 04:33

Hahaha, leftmost 3 pixels is so right. It'd be good if the volume jump when using the up/down arrow keys was much narrower, it's 10% right now.
You wanna make another topic for that?

2020-02-28 08:20

you can add userstyles via browser addons stylus.

this is the code:

/* video player */
/* expand volume and seekbar height */
.video-js .vjs-volume-bar {margin: 1em 0em;}
.video-js .vjs-volume-bar.vjs-slider-horizontal, .video-js .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {height: 1em;}
.video-js .vjs-progress-holder, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-play-progress {height: 1em;}
/* remove volume and seekbar slider (optional) */
.video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {display: none;}

Preview:
https://i.imgur.com/eUNbnqJ.png

2020-02-29 02:04

How do I use the code?

2020-02-29 03:48

simple way
1. install addon Tampermonkey or Stylus
2. install code as script or style
https://greasyfork.org/scripts/397060

2020-02-29 06:46

Very nice, thank you!

2020-03-02 02:25

So I added the script with Tampermonkey, and it works for the volume bar but NOT for the seekbar most of the time. The script needs to be toggled off & on each time I start Firefox before it takes effect.

The code is simple and should be very easy to implement in the site by default, could a dev look at this for us?

2020-03-02 09:41

The style insertion position is not fixed.
May be overwritten by original css.

'!importand' added in new version.

2020-03-03 07:32

The addition prevents it from being overwritten then?

2020-03-04 02:12

That seems to have fixed it, much appreciated.