{"id":15287151,"url":"https://github.com/ptkdev/chrome-extension-aspectratio219","last_synced_at":"2025-04-13T05:07:59.941Z","repository":{"id":36946389,"uuid":"230354453","full_name":"ptkdev/chrome-extension-aspectratio219","owner":"ptkdev","description":"🖥️ Fit the screen properly in fullscreen mode on monitor ultrawide with 21:9 aspect ratio (Netflix, Youtube, PrimeVideo, Crunchyroll)","archived":false,"fork":false,"pushed_at":"2024-02-19T16:03:30.000Z","size":2492,"stargazers_count":31,"open_issues_count":30,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-13T05:07:52.293Z","etag":null,"topics":["aspect-ratio","chrome","chrome-extension","chrome-extensions","crunchyroll","dailymotion","disneyplus","display","edge-extension","fullscreen","fullscreen-mode","microsoft-edge","monitor","netflix","primevideo","twitch","ultrawide","ultrawide-video","video-player","youtube"],"latest_commit_sha":null,"homepage":"https://chrome.google.com/webstore/detail/aspect-ratio-219/mgpbkhkpghgmihmcfbndejmkaibbnljo","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ptkdev.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["ptkdev"],"patreon":"ptkdev","ko_fi":"ptkdev"}},"created_at":"2019-12-27T01:53:39.000Z","updated_at":"2024-10-10T04:38:55.000Z","dependencies_parsed_at":"2024-10-14T18:20:37.577Z","dependency_job_id":"81fac602-42cd-4d20-ae8a-e2e87c2b087c","html_url":"https://github.com/ptkdev/chrome-extension-aspectratio219","commit_stats":{"total_commits":60,"total_committers":4,"mean_commits":15.0,"dds":"0.16666666666666663","last_synced_commit":"27aa473abddf576c3458364e5591e00a0eaa7bd8"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev%2Fchrome-extension-aspectratio219","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev%2Fchrome-extension-aspectratio219/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev%2Fchrome-extension-aspectratio219/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ptkdev%2Fchrome-extension-aspectratio219/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ptkdev","download_url":"https://codeload.github.com/ptkdev/chrome-extension-aspectratio219/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248665747,"owners_count":21142123,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aspect-ratio","chrome","chrome-extension","chrome-extensions","crunchyroll","dailymotion","disneyplus","display","edge-extension","fullscreen","fullscreen-mode","microsoft-edge","monitor","netflix","primevideo","twitch","ultrawide","ultrawide-video","video-player","youtube"],"created_at":"2024-09-30T15:24:50.969Z","updated_at":"2025-04-13T05:07:59.919Z","avatar_url":"https://github.com/ptkdev.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ptkdev","https://patreon.com/ptkdev","https://ko-fi.com/ptkdev","https://www.paypal.me/ptkdev","https://www.patreon.com/ptkdev","https://github.com/sponsors/ptkdev/","https://www.patreon.com/join/ptkdev"],"categories":[],"sub_categories":[],"readme":"[![Chrome Extension: Aspect Ratio 21:9](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/aspectratio219.png)](https://chrome.google.com/webstore/detail/aspect-ratio-219/mgpbkhkpghgmihmcfbndejmkaibbnljo)\n\n[![Chrome Extension: Aspect Ratio 21:9](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/badge-availableon-chrome.png)](https://chrome.google.com/webstore/detail/aspect-ratio-219/mgpbkhkpghgmihmcfbndejmkaibbnljo) [![Edge Extension: Aspect Ratio 21:9](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/badge-availableon-edge.png)](https://microsoftedge.microsoft.com/addons/detail/llplepgpoalnkeiofcdohpalgpccifbo)\n\n# 🖥 Chrome \u0026amp; Edge Extension: Aspect Ratio 21:9\n\n[![](https://img.shields.io/badge/version-v1.5.2-lightgrey.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219/releases) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219/blob/nightly/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev/chrome-extension-aspectratio219/badge.svg)](https://snyk.io/test/github/ptkdev/chrome-extension-aspectratio219) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)\n\n\u003e Fit the screen properly in fullscreen mode on monitor with 21:9 aspect ratio. Work on Netflix, Youtube, PrimeVideo, VVVVID, etc...\n\n## 🎁 Support: Donate\n\u003e This project is **free**, **open source** and I try to provide excellent **free support**. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. **THANK YOU!**\n\n[![](https://img.shields.io/badge/donate-paypal-005EA6.svg?logo=paypal)](https://www.paypal.me/ptkdev) [![](https://img.shields.io/badge/donate-patreon-F87668.svg?logo=patreon)](https://www.patreon.com/ptkdev) [![](https://img.shields.io/badge/donate-sponsors-ea4aaa.svg?logo=github)](https://github.com/sponsors/ptkdev/)  [![](https://img.shields.io/badge/donate-ko--fi-29abe0.svg?logo=ko-fi)](https://ko-fi.com/ptkdev)\n\n![](https://img.shields.io/badge/bitcoin-35jQmZCy4nsxoMM3QPFrnZePDVhdKaHMRH-E38B29.svg?logo=bitcoin) ![](https://img.shields.io/badge/ethereum-0x8b8171661bEb032828e82baBb0B5B98Ba8fBEBFc-4E8EE9.svg?logo=ethereum)\n\n## 📎 Menu\n- 💡 [Features](#-features)\n- 👔 [Screenshot](#-screenshot)\n- 🚀 [How to use](#-installation)\n- ⌨️ [Shortcuts](#-shortcuts)\n- 🔨 [Developer mode](#-developer-mode)\n- 📚 [Documentation](#-documentation)\n- ❤️ [Contributing](#-contributing)\n- 🐛 [Known Bugs](https://github.com/ptkdev/chrome-extension-aspectratio219/issues?q=is%3Aopen+is%3Aissue+label%3Abug)\n- 🍻 Community:\n  - \u003cimg src=\"https://raw.githubusercontent.com/ptkdev/vscode-theme-dark-blood/master/.github/assets/social_discord.png\" height=\"18px\"\u003e [Discord](http://discord.ptkdev.io) ([🇬🇧 English Channel](https://discord.gg/QAgZMvP) | [🇮🇹 Italian Channel](https://discord.gg/EQCk47M) | [🇵🇱 Polish Channel](https://discord.gg/VZkbFNa))\n\n## 💡 Features\n* [✔️] Easy to use\n* [✔️] MIT License\n* [✔️] Browser supported: Google Chrome and Microsoft Edge\n* [✔️] Fix aspect ratio on 21:9 monitor (stretch / crop)\n* [✔️] Customize Aspect ratio value (32:9 and 19:10 monitors)\n* [✔️] Add custom domain and try fix size of player\n* [✔️] ON / OFF buttons\n* [✔️] Netflix (⚠️ Only with Chrome [#4](https://github.com/ptkdev/chrome-extension-aspectratio219/issues/4))\n* [✔️] Youtube\n* [✔️] Prime Video\n* [✔️] Dailymotion\n* [✔️] Vimeo\n* [✔️] VVVVID\n* [✔️] Crunchyroll\n* [✔️] Twitch\n* [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 🇪🇸\n\n## 👔 Screenshot\n\n[![Aspect Ratio 21:9 - App](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/screenshot.png)](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/screenshot.png)\n\n[![Aspect Ratio 21:9 - Example](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/screenshot_example.png)](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/screenshot_example.png)\n\n## 🚀 Installation\n1. Install extension from [chrome store](https://chrome.google.com/webstore/detail/aspect-ratio-219/mgpbkhkpghgmihmcfbndejmkaibbnljo) or [edge store](https://microsoftedge.microsoft.com/addons/detail/llplepgpoalnkeiofcdohpalgpccifbo).\n2. Open popup (click on icon of this extension)\n3. Enable netflix\n4. Go to netflix and open video\n5. Bye bye side black bars!\n\n## ⌨️ Shortcuts\nYou can set shortcuts on `chrome://extensions/shortcuts`. No Default shortcuts available.\n\n[![Aspect Ratio 21:9 - Shortcuts](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/shortcuts.png)](https://raw.githubusercontent.com/ptkdev/chrome-extension-aspectratio219/nightly/.github/assets/shortcuts.png)\n\n## 🔨 Developer Mode\n1. Download [stable](https://github.com/ptkdev/chrome-extension-aspectratio219/archive/master.zip), [beta](https://github.com/ptkdev/chrome-extension-aspectratio219/archive/beta.zip) or [nightly](https://github.com/ptkdev/chrome-extension-aspectratio219/archive/nightly.zip) and extract it.\n2. Run `npm install`\n3. Run `npm run dev`\n2. Install Google Chrome.\n3. Go to [extension page](chrome://extensions/).\n4. Enable developer mode (top/right corner).\n5. Load extension from folder.\n6. Select `build` folder.\n7. Go to netflix, open video, bye bye side black bars!\n\n## 📚 Documentation\nRun `npm run docs`\n\n## 👑 Sponsors\nSupport this project by becoming a sponsor. 🙏 Become a sponsor on [patreon](https://www.patreon.com/join/ptkdev) or become top3 sponsor on [ko-fi](https://ko-fi.com/ptkdev). Your logo will show up here with a link to your website.\n\n[![](https://api.ptkdev.io/backers/sponsor1.png)](https://api.ptkdev.io/backers/sponsor1.html) [![](https://api.ptkdev.io/backers/sponsor2.png)](https://api.ptkdev.io/backers/sponsor2.html) [![](https://api.ptkdev.io/backers/sponsor-kofi1.png)](https://api.ptkdev.io/backers/sponsor-kofi1.html) [![](https://api.ptkdev.io/backers/sponsor-kofi2.png)](https://api.ptkdev.io/backers/sponsor-kofi2.html) [![](https://api.ptkdev.io/backers/sponsor-kofi3.png)](https://api.ptkdev.io/backers/sponsor-kofi3.html) [![](https://api.ptkdev.io/backers/sponsor3.png)](https://api.ptkdev.io/backers/sponsor3.html) [![](https://api.ptkdev.io/backers/sponsor4.png)](https://api.ptkdev.io/backers/sponsor4.html) [![](https://api.ptkdev.io/backers/sponsor5.png)](https://api.ptkdev.io/backers/sponsor5.html) [![](https://api.ptkdev.io/backers/sponsor6.png)](https://api.ptkdev.io/backers/sponsor6.html) [![](https://api.ptkdev.io/backers/sponsor7.png)](https://api.ptkdev.io/backers/sponsor7.html) [![](https://api.ptkdev.io/backers/sponsor8.png)](https://api.ptkdev.io/backers/sponsor8.html) [![](https://api.ptkdev.io/backers/sponsor9.png)](https://api.ptkdev.io/backers/sponsor9.html) [![](https://api.ptkdev.io/backers/sponsor10.png)](https://api.ptkdev.io/backers/sponsor10.html) [![](https://api.ptkdev.io/backers/sponsor11.png)](https://api.ptkdev.io/backers/sponsor11.html) [![](https://api.ptkdev.io/backers/sponsor12.png)](https://api.ptkdev.io/backers/sponsor12.html) [![](https://api.ptkdev.io/backers/sponsor13.png)](https://api.ptkdev.io/backers/sponsor13.html) [![](https://api.ptkdev.io/backers/sponsor14.png)](https://api.ptkdev.io/backers/sponsor14.html) [![](https://api.ptkdev.io/backers/sponsor15.png)](https://api.ptkdev.io/backers/sponsor15.html)\n\n## 🦄 Backers\nThank you to all our backers! 🙏 Become a backer on [patreon](https://www.patreon.com/join/ptkdev).\n\n[![](https://api.ptkdev.io/backers/backer1.png)](https://api.ptkdev.io/backers/backer1.html) [![](https://api.ptkdev.io/backers/backer2.png)](https://api.ptkdev.io/backers/backer2.html) [![](https://api.ptkdev.io/backers/backer3.png)](https://api.ptkdev.io/backers/backer3.html) [![](https://api.ptkdev.io/backers/backer4.png)](https://api.ptkdev.io/backers/backer4.html) [![](https://api.ptkdev.io/backers/backer5.png)](https://api.ptkdev.io/backers/backer5.html) [![](https://api.ptkdev.io/backers/backer6.png)](https://api.ptkdev.io/backers/backer6.html) [![](https://api.ptkdev.io/backers/backer7.png)](https://api.ptkdev.io/backers/backer7.html) [![](https://api.ptkdev.io/backers/backer8.png)](https://api.ptkdev.io/backers/backer8.html) [![](https://api.ptkdev.io/backers/backer9.png)](https://api.ptkdev.io/backers/backer9.html) [![](https://api.ptkdev.io/backers/backer10.png)](https://api.ptkdev.io/backers/backer10.html) [![](https://api.ptkdev.io/backers/backer11.png)](https://api.ptkdev.io/backers/backer11.html) [![](https://api.ptkdev.io/backers/backer12.png)](https://api.ptkdev.io/backers/backer12.html) [![](https://api.ptkdev.io/backers/backer13.png)](https://api.ptkdev.io/backers/backer13.html) [![](https://api.ptkdev.io/backers/backer14.png)](https://api.ptkdev.io/backers/backer14.html) [![](https://api.ptkdev.io/backers/backer15.png)](https://api.ptkdev.io/backers/backer15.html)\n\n## ❤️ Contributing\nI 💟 contributions! I will happily accept your pull request! Translations, grammatical corrections (GrammarNazi you are welcome! Yes my English is bad, sorry), etc... Do not be afraid, if the code is not perfect we will work together 👯 and remember to insert your name in `.all-contributorsrc` and `package.json` file.\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://ptk.dev\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/442844?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePatryk Rzucidło\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/ptkdev/chrome-extension-aspectratio219/commits?author=ptkdev\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#translation-ptkdev\" title=\"Translation\"\u003e🌍\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://www.smodatamente.it\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/35865603?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAngelica Losi\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#translation-angylosi\" title=\"Translation\"\u003e🌍\u003c/a\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/MhzDev\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/11082895?v=4?s=100\" width=\"100px;\" alt=\"\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eMichele Stefanelli\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#translation-MhzDev\" title=\"Translation\"\u003e🌍\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\n\u003e 💰 In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!\n\n## 📲 Tools\n[![](https://img.shields.io/badge/portfolio-ptkdev-000000.svg)](https://ptk.dev/)\n[![](https://img.shields.io/badge/app-meingifs-E1215B.svg)](https://meingifs.pics/)\n[![](https://img.shields.io/badge/stickers-ptkdev-128C7E.svg)](https://stickers.ptkdev.io/)\n\n[![](https://img.shields.io/badge/app-social%20manager%20tools-ff7f19.svg)](http://socialmanager.tools/)\n[![](https://img.shields.io/badge/api-instagram%20bot-895a4d.svg)](https://github.com/ptkdev/chrome-extension-aspectratio219)\n[![](https://img.shields.io/badge/api-twitter%20bot-21B7F4.svg)](https://github.com/social-manager-tools/socialmanagertools-twbot)\n[![](https://img.shields.io/badge/api-facebook%20bot-3b5998.svg)](https://github.com/social-manager-tools/socialmanagertools-fbbot)\n[![](https://img.shields.io/badge/telegram%20bot-feed%20rss%20for%20wordpress%20\u0026amp;%20medium-00AB6C.svg)](https://github.com/social-manager-tools/socialmanagertools-tgbot)\n\n## 💫 License\n* Code and Contributions have **MIT License**\n* Images and logos have **CC BY-NC 4.0 License** ([Freepik](https://it.freepik.com/) Premium License)\n* Documentations and Translations have **CC BY 4.0 License**\n\n###### Copyleft (c) 2020 [Patryk Rzucidło](https://ptk.dev) ([@PTKDev](https://twitter.com/ptkdev)) \u003c[support@ptkdev.io](mailto:support@ptkdev.io)\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fptkdev%2Fchrome-extension-aspectratio219","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fptkdev%2Fchrome-extension-aspectratio219","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fptkdev%2Fchrome-extension-aspectratio219/lists"}