alpha

Fit the video to the viewport

Latest Version

Version

alpha

Update

June 19, 2024

Size

705KiB

Developer

Video Transformer Extension

This extension transforms a focused video into the forefront of the viewport, without distracting elements.

Currently in the alpha stage, but usable.

The main feature: fit ('G')/fill ('H')/stretch('S') the main video (tested on YouTube, will test and confirm on videos on other domains) to fit the current viewport (browser window).

This is designed to work with my other extension called \"Viewport\" to convert a normal browser window to a \"popup\" window. (https://chromewebstore.google.com/detail/viewport-alpha/lpddmphgnecpakhlnaibncaphflhchpo?authuser=1&hl=en)

Some videos on YouTube are flipped ('X' to flip horizontally, 'Y' to flip vertically) or stretched ('S') the video to the current viewport's height and width. Users would then correct stretched videos with the viewport's height and width manually.

This extension is based on some codes adapted from (\"https://github.com/igrigorik/videospeed\").

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"version_name": "alpha",\t"name": "Video Transformer",\t"short_name": "Transformer",\t"version": "0.7.3",\t"manifest_version": 3,\t"minimum_chrome_version": "89",\t"description": "fit the video to the viewport",\t"homepage_url": "https://github.com/igrigorik/videospeed",\t"icons": {\t\t"16": "icons/16.png",\t\t"48": "icons/48.png",\t\t"128": "icons/128.png"\t},\t"permissions": ["storage"],\t"options_ui": {\t\t"page": "options.html",\t\t"open_in_tab": true\t},\t"action": {\t\t"default_icon": {\t\t\t"19": "icons/19.png",\t\t\t"38": "icons/38.png",\t\t\t"48": "icons/48.png"\t\t},\t\t"default_popup": "advancedOptions.html"\t},\t"background": {\t\t"service_worker": "transformer_sw.mjs",\t\t"type": "module"\t},\t"content_scripts": [\t\t{\t\t\t"all_frames": true,\t\t\t"matches": ["http://*/*", "https://*/*", "file:///*"],\t\t\t"match_about_blank": true,\t\t\t"exclude_matches": [\t\t\t\t"https://plus.google.com/hangouts/*",\t\t\t\t"https://hangouts.google.com/*",\t\t\t\t"https://meet.google.com/*"\t\t\t],\t\t\t"css": ["transformer.css"],\t\t\t"js": ["transformer_cs.js"]\t\t}\t],\t"web_accessible_resources": [\t\t{\t\t\t"resources": [\t\t\t\t"transformer.css",\t\t\t\t"shadow.css",\t\t\t\t"lib/monkeypatch_prototypes/monkeypatch.mjs",\t\t\t\t"lib/monkeypatch_prototypes/monkeypatch_DOM.mjs"\t\t\t],\t\t\t"matches": ["http://*/*", "https://*/*", "file:///*"]\t\t}\t],\t"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAtLoQPqueBeMQBLW/7RXyfPo60TlnEyV7OI9qweFf/XXaUp4njuLMf6o0wBhU/xhytpx6KmRmRkL6xk162YtH2tDpii1v8TKEVb6hVl4hIoLVMaq1K91V3Z2UtXyDTrhGmj5RTEx3QwzlHJdaLD66ODk5ZfZFKY2Y4aCrq+axc7ZKlWMfkae5vggukpHmfdnLt9STIwvjNRRzSvB76wlPgESyB2dyIkuQS9DjMHmZ20AOTWWsr7pj6+sTEsihisMC/QLH3z6fVtL+j/XK1jZtg2EP1+Ng9WqYzxi27LwSKW/yqVf6b9FYoVD9Tq67f9bYC2AuJmHa75EDLIZZ0lTJQwIDAQAB"}

Download CRX(705KiB)