code-charity / code-charity/youtube

[Feature request] Show maximum video quality near thumbnail

Open
#570 2 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Feature request good first issue help wanted up-for-grabs
Dominant language
JavaScript
Stars
4.6k
Forks
996
Avg merge
2d 15h
Merged PRs (30d)
7

Description

Back in the days when YouTube introduced HD quality support I remember seeing an HD indicator on thumbnails of such videos, however I don't remember seeing them anymore for a long time already. I tried searching for an existing extension, but there were nothing even close to what I mean.

It would be cool to have a preview of available video quality near its thumbnail:

like so or maybe using badges (in such case make it the first)
Quality after length Quality as a badge

Use names for values from 720p and above and a p-code for values below 720p.
Also consider adding a badge for HDR videos (there is already a badge for other features, but not for HDR).

I think this will be useful for most users and shouldn't be hard to implement as player can list all available qualities.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files, tests, or entry points are named. Start by locating the thumbnail rendering and the player’s available-quality listing, then trace how existing badges are added; done means thumbnails show the requested 720p-or-higher names, p-codes for lower qualities, and an HDR badge where applicable.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.