This browser extension provides a simple way to open any YouTube video or playlist (including videos and playlists embedded in other sites/pages) in a configurable "popout" window which you can freely position and resize.
- Open any YouTube video (including playlists) in a popout player, either as a new browser window or a new tab in your current browser window.
- Show or hide the video player controls in the popout player.
- Automatically resume playback of the video when the popout player opens.
- Automatically loop videos (both single videos and playlists) in the popout player.
- Customize the size of the popout player, either as a fixed size or as a percentage of your screen's resolution.
- Close the original video when the popout player opens.
- Firefox Only Add custom text to the popout player's window title (for scripting).
- Keyboard shortcut for opening the popout player.
For more information, head to the YouTube Popout Player website.
| Web Browser | Information | Download Link |
|---|---|---|
| Google Chrome |   |
Download from the Chrome Web Store |
| Mozilla Firefox |   |
Download from Mozilla Add-ons |
Contributions are always welcome! Even if you aren't comfortable coding, you can always submit new ideas and bug reports.
This extension is setup to be fully localized/translated into multiple languages, but for now English is the only language with full translations. If you are able to help localize/translate, please check out this guide. All of the text for the extension is stored here in the /src/_locales directory.
To build the extension from source code, you will need to use Node Package Manager (npm), which handles all of the dependencies needed for this project and is used to execute the various scripts for development/building/packaging/etc.
npm installThen you can generate either a development build or a production build (development builds use un-minified code and have console.* statements throughout for debugging, whereas production builds minify all code and remove all console.* usage).
npm run build:productionor
npm run build:developmentTo make development easier, you can start up a temporary development profile on Mozilla Firefox with the extension already loaded. Firefox will also automatically detect changes and reload the extension for you (read more about this on the web-ext documentation pages). Use the following commands to re-build the extension and re-load it in Firefox automatically as you make changes:
npm run watch:development # or npm run watch:production
npm run firefox:startNote you will need 2 terminal instances, one for each of the above commands, as they both remain running until you cancel them (use CTRL + c to cancel each process in your terminal(s)).
Thanks goes to these wonderful people (emoji key):
 YFdyh000 🌍 |
 CD 🤔 |
|---|
This project follows the all-contributors specification. Contributions of any kind welcome!