Disable Twitch Player Extensions

Do you dislike or even hate the extensions that overlay the video player on Twitch? I sure do. According to the official help page for extensions they "provide interactive experiences directly through the Twitch video player" in my opinion they provide needless distraction. Lets learn how to disable them.

Twitch FAQ on Extensions
Q: I am not a fan of Extensions, can I disable them as a viewer?
A: ...Extensions in the video player can be minimized but not disabled by a viewer.

http:// https://help.twitch.tv/s/article/how-to-use-extensions?language=en_US#FAQ

Now this isn't the answer that I was looking for. Let's find a different solution.

Disabling Twitch Player Extensions Through uBlock or other Content Blockers

If you find Twitch player extensions frustrating to look at you probably already have uBlock Origin installed on your browser. If not, you should switch to it from your current ad-blocker. It's free, open-source, and light weight with additional blocking functionality that makes it perfect for this. Get uBlock on GitHub

The 4 simple steps to completely disable Twitch Player Extensions

Simply click on the uBlock extension icon, select "Open the dashboard", go to "My filters", and paste in the following rule:

! Twitch.tv Player Extensions
 www.twitch.tv###js-player-extension-root
 www.twitch.tv##.extension-overlay__iframe
 ||supervisor.ext-twitch.tv/supervisor/v1/index.html$subdocument

! Additional Block for 2020
www.twitch.tv##.tw-pd-t-1.tw-justify-content-center.tw-flex-column.tw-flex.tw-c-background-base.tw-border-radius-medium.tw-align-items-center
www.twitch.tv##div:nth-of-type(3) > .tw-tooltip-wrapper.tw-relative.tw-inline-flex > .tw-relative.tw-overflow-hidden.tw-justify-content-center.tw-interactive.tw-inline-flex.tw-core-button--overlay.tw-core-button.tw-button-icon--overlay.tw-button-icon.tw-border-top-right-radius-medium.tw-border-top-left-radius-medium.tw-border-bottom-right-radius-medium.tw-border-bottom-left-radius-medium.tw-align-middle.tw-align-items-center > .tw-button-icon__icon > div > .tw-inline-flex.tw-icon--fill.tw-icon.tw-full-width.tw-align-items-center > .tw-aspect--align-top.tw-aspect > .tw-icon__svg > g > path
www.twitch.tv##div:nth-of-type(3) > .tw-tooltip-wrapper.tw-relative.tw-inline-flex > .tw-relative.tw-overflow-hidden.tw-justify-content-center.tw-interactive.tw-inline-flex.tw-core-button--overlay.tw-core-button.tw-button-icon--overlay.tw-button-icon.tw-border-top-right-radius-medium.tw-border-top-left-radius-medium.tw-border-bottom-right-radius-medium.tw-border-bottom-left-radius-medium.tw-align-middle.tw-align-items-center > .tw-button-icon__icon > div > .tw-inline-flex.tw-icon--fill.tw-icon.tw-full-width.tw-align-items-center > .tw-aspect--align-top.tw-aspect > .tw-icon__svg

Apply changes and refresh any currently open twitch page with those nasty extensions and they should be gone for good!