Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
99 lines (64 sloc) 5.67 KB

Build Status Renovate Status All Contributors

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.


YouTube Popout Player Promotional Image


  • 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 Chrome Web Store Chrome Web Store Download from the Chrome Web Store
Mozilla Firefox Mozilla Add-on Mozilla Add-on 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.

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.

npm install

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 console.* usage).

npm run build:production


npm run build:development

Development Process

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!

You can’t perform that action at this time.