YouTube Popout Player v5.0.0

This browser extension provides simple ways to open any YouTube video or playlist (including videos and playlists embedded in other sites/pages) in a configurable "popout" window that can be freely sized and/or positioned.

Overview

YouTube Popout Player Promotional Image

Features

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.
Open links to YouTube videos and/or playlists from any website in the popout player with a convenient right-click option.
Show or hide the video player controls in the popout player.
Automatically resume playback of the video when the popout player opens.
Loop videos (both single videos and playlists) in the popout player.
Multiple ways to customize the size and position of the popout player, with support for multiple displays/monitors/screens.
Optionally close the original video when the popout player opens.
Configurable keyboard shortcuts for opening the popout player.
... and much more!

For more information, head to the YouTube Popout Player website.

Installation

Web Browser	Information & Downloads
Google Chrome
Microsoft Edge
Mozilla Firefox

Contributing

Contributions are always welcome! Even if you aren't comfortable coding, you can always submit new ideas and bug reports.

Localization/Translation

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 /app/_locales directory.

Building the Extension

This extension uses the WebExtension Toolbox for development and build processes.

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 run the development process (where the extension is auto-reloaded when changes are made) for your browser of choice:

npm run dev <chrome/edge/firefox>

Or you can generate a production build for your browser of choice:

npm run build <chrome/edge/firefox>

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 dev firefox
npm run start:firefox

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)).