YouTube Popout Player v3.1.0
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.
|Web Browser||Information||Download Link|
|Google Chrome||Download from the Chrome Web Store|
|Mozilla Firefox||Download from Mozilla Add-ons|
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
Building the Extension
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.
Then 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
npm run build:production
npm run build:development
To 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:start
Note 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):
This project follows the all-contributors specification. Contributions of any kind welcome!