- HTML 49.7%
- JavaScript 24.4%
- SCSS 15.6%
- CSS 10.3%
| img | ||
| scripts | ||
| styles | ||
| index.html | ||
| README.md | ||
| results.html | ||
| watch.html | ||
Minimal YouTube Viewer
A YouTube Front-End that reduces unncessary elements to prevent distraction.
Why?
YouTube is a great source for education but their business model incentivizes the platform to keep you on as long as possible so that they can serve you more and more ads, profiting more and more from your attention.
This is done by maximizing engagement with the platform, often by bombarding the user with unlimited optionality and outrageous content.
This Front-End seeks to remove the distraction so that you can use YouTube with more intentionality and reclaim your attention.
How?
It works by using the YouTube Data API to return a list of search results for a given query and the ReturnYoutubeDislike API for additional video statistics. Videos are then displayed by embedding the video with the selected ID on the page.
Next Steps: Blocking Ads
Install an adblocker, such as uBlock Origin.
Next Steps: Adding Redirection
You can add redirects to automatically use Minimal YouTube Viewer for all YouTube links.
Note that only the Home Page, Search Results, and Video Player are supported (no channels, playlists, etc).
Firefox Web Browser
To redirect all links to YouTube, install the Redirector addon and add a new redirect:
Kagi Search Engine
To redirect all links to YouTube within web search results, go to the Redirects Settings and add a new redirect rule:
^https://www.youtube.com(.*)|https://callumr00.github.io/minimal-youtube-viewer$1