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.

< Commentaires sur Better Youtube Shorts

Avis: Bon - le script fonctionne correctement

§
Posté le: 05/12/2024
Édité le: 05/12/2024

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.

§
Posté le: 06/12/2024

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

Meriel VarenAuteur
§
Posté le: 06/12/2024

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 VarenAuteur
§
Posté le: 06/12/2024

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

Thanks for speaking for me, i appreciate that😄

§
Posté le: 06/12/2024
Édité le: 06/12/2024

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 VarenAuteur
§
Posté le: 06/12/2024

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 VarenAuteur
§
Posté le: 06/12/2024

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

§
Posté le: 06/12/2024
Édité le: 06/12/2024

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

Meriel VarenAuteur
§
Posté le: 06/12/2024

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?

§
Posté le: 06/12/2024

I'm using windows 10. chrome v131.0.6778.109

§
Posté le: 06/12/2024
Édité le: 06/12/2024

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 VarenAuteur
§
Posté le: 06/12/2024

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.

§
Posté le: 06/12/2024
Édité le: 06/12/2024

Can you check both of them like?

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

Meriel VarenAuteur
§
Posté le: 06/12/2024

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

§
Posté le: 06/12/2024

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

Meriel VarenAuteur
§
Posté le: 06/12/2024

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?

§
Posté le: 06/12/2024

It works now. Thank you.

Poster une réponse

Connectez-vous pour poster une réponse.