Simply focus on the video with theater mode addon.

Latest Version

Version
0.1.5
Update
September 16, 2024
Size
56.63KiB
Developer
Category
Users
2,000+
Rating
3.81818 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Scripting
ActiveTab
ContextMenus
See more

Theater Mode Extension

Theater Mode is an extension that helps you focus on the video when watching online content. It simply darkens the whole page except the video element and let you watch the video without any distractions.

Please note that theater mode is not designed for normal browsing. Only enable it if you want to watch a video, otherwise, the whole page will be dark. There is also a whitelist feature in case you want to permanently exclude a website from theater mode.

To work with this addon, simply open a website with video content(s). Start (play) the video and then click on the theater mode button in the toolbar. The whole page will be converted to dark but the video remains visible. If you have a feature request or found a bug to report, please fill the bug report form on the addon homepage (https://mybrowseraddon.com/theater-mode.html).
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.1.5", "manifest_version": 3, "name": "Theater Mode", "offline_enabled": true, "homepage_url": "https://mybrowseraddon.com/theater-mode.html", "description": "Simply focus on the video with theater mode addon.", "permissions": [ "storage", "scripting", "activeTab", "contextMenus" ], "commands": { "_execute_action": {} }, "background": { "service_worker": "background.js" }, "options_ui": { "open_in_tab": true, "page": "data/options/options.html" }, "web_accessible_resources": [{ "matches": ["*://*/*"], "resources": [ "data/content_script/page_context/theater_1.css", "data/content_script/page_context/theater_2.css", "data/content_script/page_context/theater_3.css", "data/content_script/page_context/theater_4.css", "data/content_script/page_context/theater_5.css", "data/content_script/page_context/theater_6.css", "data/content_script/page_context/theater_7.css", "data/content_script/page_context/theater_general.css" ] }], "action": { "default_title": "Theater Mode", "default_icon": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png" } }, "icons": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png", "128": "data/icons/128.png" }}
Read more