Greasy Fork is available in English.

Better Youtube Shorts

Provide more control functions for YouTube Shorts, including automatic/manual redirection to corresponding video pages, volume control, playback speed control, progress bar, auto scrolling, shortcut keys, and more.

< Feedback on Better Youtube Shorts

Review: Good - script works

§
Posted: 2024/12/05
Edited: 2024/12/05

1. Can you add support for dark mode? Just change the text color to white.
2. And can you make a toggle button in short video that can hide the video meta description? Element class name is "metadata-container", add CSS `visibility: hidden`.

Thank you.

§
Posted: 2024/12/06

You're really making this easy for Meriel. Why don't you do it yourself?

Meriel VarenAuthor
§
Posted: 2024/12/06

1. Can you add support for dark mode? Just change the text color to white.
2. And can you make a toggle button in short video that can hide the video meta description? Element class name is "metadata-container", add CSS `visibility: hidden`.

Thank you.

There is a dark mode, ive made it already😂, and ill consider the second suggestion since its not that hard, but where to put the button will be a problem

Meriel VarenAuthor
§
Posted: 2024/12/06

You're really making this easy for Meriel. Why don't you do it yourself?

Thanks for speaking for me, i appreciate that😄

§
Posted: 2024/12/06
Edited: 2024/12/06

Yes. I can do it for myself. I don't want to waste his time, so I help him as much as I can.

And thank for your time @Meriel, here is my suggestion:

  • About dark mode: window.matchMedia("(prefers-color-scheme: dark)").matches always return false. I'm using Chrome on Windows.

    You can try this document.querySelector('html[dark]') to check dark mode, maybe there are better ways to do that.

  • About hiding meta description, you can add a toggle button above the LIKE button or just making a hotkey for that.

Meriel VarenAuthor
§
Posted: 2024/12/06

Yes. I can do it for myself. I don't want to waste his time, so I help him as much as I can.

And thank for your time @Meriel, here is my suggestion:

  • About dark mode:
    window.matchMedia("(prefers-color-scheme: dark)").matches always return false. I'm using Chrome on Windows.

    You can try this document.querySelector('html[dark]') to check dark mode, maybe there are better ways to do that.

  • About hiding meta description, you can add a toggle button above the LIKE button or just making a hotkey for that.

but it works fine in my browser and im using chrome too, i cant test it....
v would be a nice hotkey, i'd choose v to toggle on and off of the instruction

Meriel VarenAuthor
§
Posted: 2024/12/06

and btw, i choose not to add the hideinst to the bar below, i think it doesnt have the same level as volume, speed and scroll, so i just add a shortcut key

§
Posted: 2024/12/06
Edited: 2024/12/06

Thank you. My browser is shown black instead.
I've tried on Brave, Edge both are black.

Meriel VarenAuthor
§
Posted: 2024/12/06

Thank you. My browser is shown black instead.
I've tried on Brave, Edge both are black.



maybe giving me more details would help?
like im using 'windows11, chrome131', you are using linux or sth?

§
Posted: 2024/12/06

I'm using windows 10. chrome v131.0.6778.109

§
Posted: 2024/12/06
Edited: 2024/12/06

Also hiding meta only works on the first video. You should change the code to:

document.querySelector("ytd-reel-video-renderer[is-active] .metadata-container")

Meriel VarenAuthor
§
Posted: 2024/12/06

Also hiding meta only works on the first video. You should change the code to:

document.querySelector("ytd-reel-video-renderer[is-active] .metadata-container")

ur right, thanks. and just now i tested it on my win10 laptop, and its still the same, everything's fine, so i guess i cannot help, sorry bro.

§
Posted: 2024/12/06
Edited: 2024/12/06

Can you check both of them like?

const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches || document.documentElement.hasAttribute('dark');

Meriel VarenAuthor
§
Posted: 2024/12/06

Can you check both of them like?

const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches || document.documentElement.hasAttribute('dark');

there are no err in my browser so i cant test it, is window.matchMedia("(prefers-color-scheme: dark)").matches || document.documentElement.hasAttribute('dark'); appears to be good in your browser? if works fine i'll change to it

§
Posted: 2024/12/06

Yes. It's good for me. Its will check for matchMedia, if false, it will check for 'dark' attribute.

Meriel VarenAuthor
§
Posted: 2024/12/06

Yes. It's good for me. Its will check for matchMedia, if false, it will check for 'dark' attribute.

try version 2.4.2, is it working fine right now?

§
Posted: 2024/12/06

It works now. Thank you.

Post reply

Sign in to post a reply.