Skip to content
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.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
docs
resources
src
.all-contributorsrc
.editorconfig
.eslintrc.json
.gitignore
.markdownlint.json
.travis.yml
LICENSE
README.md
gulp.config.json
gulpfile.js
package-lock.json
package.json
pnpmfile.js
web-ext-config.js

README.md

Build Status Greenkeeper badge 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.


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


Installation

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

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 /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

or

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


Contributors

Thanks goes to these wonderful people (emoji key):

YFdyh000
YFdyh000

🌍
CD
CD

🤔

This project follows the all-contributors specification. Contributions of any kind welcome!

You can’t perform that action at this time.