extension icon indicating copy to clipboard operation
extension copied to clipboard

Height of seekbar

Open stephen147 opened this issue 8 months ago • 0 comments

I've written a custom script to change the height of the seek bar and remove that annoying dott at the current position.

Would be a nice addition. Perhaps set the height of it to be X% the height of the video.

//
// Custom script to make the seek bar taller and remove the thumb button.
// Written on 2025.06.10 by Stephen S.
//

const seekbar = document.querySelector('.ytp-progress-bar');
const thumbButton = document.querySelector('.ytp-progress-bar .ytp-scrubber-button');

if (seekbar) {
  seekbar.style.height = '30px'; // Set seekbar height
}

if (thumbButton) {
  // Set the size of the visual thumb (the button) - Sets this to 0. No need for it ;)
  thumbButton.style.width = '0px'; // Set desired width
  thumbButton.style.height = '0px'; // Set desired height
}

What it looks like:

Image

stephen147 avatar Jun 10 '25 08:06 stephen147