/Netflix-Prime-Auto-Skip

Automatically skip Ads, Intros, Credits, etc. on Netflix, Prime video, Disney+, Crunchyroll and HBO max

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

Streaming enhanced Dynamic JSON Badge

Automatically skip Ads, Intros, Recaps, Credits, etc. on Netflix, Prime video, Disney+ (Hotstar, STAR+), Crunchyroll and HBO max

Mozilla Add-on Rating
Chrome Web Store Rating
GitHub Issues or Pull Requests GitHub commit activity

Get Streaming enhanced for Firefox Get Streaming enhanced for Chromium


Language

I used DeepL to translate into most languages. If there is anything wrong with them you can see here what to do.

Browser Compatibility:

Netflix Prime Video Disney+ (Hotstar, STAR+) Crunchyroll HBO

Install on Android

firefox

Download Firefox, Kiwi Browser or similar to be able to install the firefox/chrome extension.

The drm for each streaming service will be installed automatically when a video started for the first time and you may need to reload the page once.

Android Compatibility:

Netflix Prime Video Disney+ (Hotstar, STAR+) Crunchyroll HBO
✅(tweaked Desktop Website) ✅(default Desktop Website)

Supported Streaming Services

What it does

The script, "skipper.js", is injected into all urls containing "amazon.*/*/video" or "netflix.com" or "disneyplus.com" or "hotstar.com" or "starplus.com".

It automatically skips Ads, intros, Credits, recaps, and anything else you don't want to watch on Netflix, Prime video and Disney Plus (Hotstar, STAR+).

✨ Features

Features in other supported languages: | Deutsch | | Français | | Español | | Português | | Português (Brasil) | | Italiano | | 日本語 | | Polski | | Svenska | | 汉语 | | 한국어 | | Türkçe |

This extension enhances your streaming experience on Netflix, Prime Video, Disney+ (Hotstar, STAR+), Crunchyroll, and HBO Max by automatically:

  • Block Ads
  • Skipping Intros & Recaps
  • Skipping Credits
  • Displaying TMDB ratings for all shows
  • Adding customizable playback speed control
  • Improving subtitle styling
  • Automatically start to play videos in fullscreen
  • Go fullscreen on double click

Platform-Specific Features:

  • Netflix:
    • Remembers and selects your last-used profile automatically
    • Blocks the “Are you still watching?” inactivity warning
  • Amazon Prime Video:
    • Skips self-promotional ads (for Prime Video productions)
    • Filters out paid content (movies, series) from the home page
    • Removes the blur effect when hovering over videos
  • Disney+ (Hotstar, STAR+):
    • Skips self-promotional ads
    • Automatically returns to fullscreen mode when going to the next episode
  • Crunchyroll:
    • Remembers and selects your last-used profile automatically
    • Adds filters to the release calendar, so it is useable
    • Video size expanded to entire window
    • Disable the numpad

If you want to see what is implemented go here:

💕 Enjoying Streaming enhanced?

Buy me a coffee!

Contributing

If you have any suggestions or Bugs, please open an issue or join the Discord. Everyone is welcome to contribute!

Settings

You can customize which features are enabled in the Settings.

Import and Export all Settings.

See Statistics. All statistics and settings are not shared but are synchronized with your browser account.

Implemented Feature Overview

abbrev. definition
S season
E episode
Implemented
Not available
Not implemented
? don't know if necessary
Name service specific features
Feature Netflix Prime Video Disney+ (Hotstar, STAR+) Crunchyroll HBO max
Intro brooklyn nine nine S1E4 lucifer S3E4 star wars andor S1E2 One piece
Recaps Outer Banks S2E1 lucifer S3E3 Criminal Minds S1E2 ?
Credits ❌(not necessary if outro is skipped)
Ads 2 Broke Girls ❌(Ublock can do it) ?
Add Speed Slider
Play on Fullscreen
fullscreen on double click ?
TMDB Rating ❌(MAL ratings better)
Individual Features
  • Inactivity Warning
  • Auto pick last profile
  • Skip Self Ads
  • Paid Content filter
  • Move category "Continue":
  • Skip self ads
  • Remain fullscreen
  • Auto pick last profile
  • Release Calendar Filters
  • Big Video size
  • Disable the numpad

How it works

The addon is observing every mutation of the dom Tree of the Website.

The exact classes may be outdated since I do not update these regularly.

On Netflix it matches the buttons with the data-uia tag containing:

  • Intro: player-skip-intro
  • Recap: player-skip-recap, player-skip-preplay
  • Credits: next-episode-seamless-button
  • Inactivity Warning: interrupt-autoplay-continue
  • Basic tier ads: matched by css class .default-ltr-cache-mmvz9h and the speed is set to 16x until the ad is over

On Prime video it matches buttons with the Css Classes:

  • Intro: skipelement
  • Credits: nextupcard-button
  • Self promoting ads: .fu4rd6c.f1cw2swo
  • Paid Content: .o86fri (yallow text indicates paid films)

The freevee ad text contains the ad length which is matched by

  • Freevee ads: .atvwebplayersdk-ad-timer-text

and then skipped by forwarding by the ad length -0.1 seconds which will fix a lot of issues it turns out.

Run the Extension

Chrome

To run the extension in chrome you can just load the chrome folder as an unpacked extension. But every time you modify the code you have to reload the extension on the extension page manually. I primarily just develop in firefox and then copy the code into chrome and replace browser with chrome in the code.

Firefox

Just like chrome you can temporarily load the extension by going to about:addons, clicking on the gear icon and then Install Add-ons From File. Then you can load the firefox folder as a temporary extension.

Install web-ext and Firefox for a better development experience

npm install --global web-ext to install web-ext globally

npm start to start in firefox

debug

Create a profile named test in Firefox in the about:profiles page. Then you can login into Netflix etc. in the profile and then every time you run the command you don't have to login again.

npm run profile to start in firefox with the profile "test" selected

All Commands

npm start start the firefox development

npm run start-android start on firefox android

npm run profile start the firefox development with the profile "test" selected

npm run lint lint all the js files

npm run esLint lint all the manifest files

npm run build copy files from firefox to chrome and build the zips files to upload

npm run copy copy files from firefox to chrome

npm run zip build the zips files to upload

npm test test with python Selenium testsOutdated

Test the Extension with Selenium python

Setup

  • insert your own firefox profile filepath to be logged into every platform in the test.py file.
  • install Python
  • install selenium pip install -U selenium

Run

npm test

Cli ARGS:

  • none : all tests
  • 'n': Netflix tests
  • 'p': Prime Video tests
  • 'd': Disney tests

npm test n p d

Changelog

You can see the Changelog in the addon or in the published versions.

Disclaimer

Netflix, Amazon Prime video and Disney+ (Hotstar, STAR+), Crunchyroll and HBO max are trademarks and the author of this addon is not affiliated with these companies.