Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rthaut/youtubepopoutplayer

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.
https://github.com/rthaut/youtubepopoutplayer

browser browser-extension chrome chrome-extension firefox firefox-extension javascript popout video-player webextension youtube

Last synced: 13 days ago
JSON representation

Host: GitHub
URL: https://github.com/rthaut/youtubepopoutplayer
Owner: rthaut
License: gpl-3.0
Created: 2016-04-11T15:50:45.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2024-10-17T15:51:32.000Z (27 days ago)
Last Synced: 2024-10-19T23:02:10.066Z (24 days ago)
Topics: browser, browser-extension, chrome, chrome-extension, firefox, firefox-extension, javascript, popout, video-player, webextension, youtube
Language: JavaScript
Homepage: https://rthaut.github.io/YouTubePopoutPlayer/
Size: 22.4 MB
Stars: 38
Watchers: 7
Forks: 11
Open Issues: 18
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        [](#contributors)

# YouTube Popout Player v5.0.0

[![Chrome Web Store][chrome-image-version]][chrome-url] [![Microsoft Edge Add-on][edge-image-version]][edge-url] [![Mozilla Add-on][firefox-image-version]][firefox-url]

> 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](/docs/screenshots/Promo-Screenshot.png?raw=true)

### 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](https://rthaut.github.io/YouTubePopoutPlayer/).

* * *

## Installation

| Web Browser     | Information & Downloads                                                                                         |

| --------------- | --------------------------------------------------------------------------------------------------------------- |

| Google Chrome   | [![Chrome Web Store][chrome-image-version]][chrome-url] [![Chrome Web Store][chrome-image-users]][chrome-url]   |

| Microsoft Edge  | [![Microsoft Edge Add-on][edge-image-version]][edge-url] [![Microsoft Edge Add-on][edge-image-users]][edge-url] |

| Mozilla Firefox | [![Mozilla Add-on][firefox-image-version]][firefox-url] [![Mozilla Add-on][firefox-image-users]][firefox-url]   |

* * *

## Contributing

Contributions are always welcome! Even if you aren't comfortable coding, you can always submit [new ideas](https://github.com/rthaut/YouTubePopoutPlayer/issues/new?labels=enhancement) and [bug reports](https://github.com/rthaut/YouTubePopoutPlayer/issues/new?labels=bug).

### 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](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Internationalization). All of the text for the extension is stored [here in the `/app/_locales` directory](https://github.com/rthaut/YouTubePopoutPlayer/tree/master/app/_locales).

### Building the Extension

**This extension uses the [WebExtension Toolbox](https://github.com/webextension-toolbox/webextension-toolbox#usage) for development and build processes.**

To build the extension from source code, you will need to use [Node Package Manager (npm)](https://www.npmjs.com/), which handles all of the dependencies needed for this project and is used to execute the various scripts for development/building/packaging/etc.

```sh

npm install

```

Then you can run the development process (where the extension is auto-reloaded when changes are made) for your browser of choice:

```sh

npm run dev 

```

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

```sh

npm run build 

```

### Development Process

To make development easier, you can start up a temporary development profile on [Mozilla Firefox](https://getfirefox.com) 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](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext)). Use the following commands to re-build the extension and re-load it in Firefox automatically as you make changes:

```sh

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

* * *

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
_YFdyh000
🌍

    
_CD
🤔

    
_{DONGWOOK KIM}
🌍

    
_kimsoyeong
🌍

    
_OhKyungTaek
🌍

    
_{Sumin Bae}
🌍

    
_{SJAhn_Dev}
🌍

  

  

    
_{Gitoffthelawn}
📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[chrome-url]: https://chrome.google.com/webstore/detail/youtube-popout-player/kmfikkopdhmbdbkndkamabamlkkgkpod

[chrome-image-version]: https://img.shields.io/chrome-web-store/v/kmfikkopdhmbdbkndkamabamlkkgkpod?logo=googlechrome&style=for-the-badge

[chrome-image-users]: https://img.shields.io/chrome-web-store/d/kmfikkopdhmbdbkndkamabamlkkgkpod?logo=googlechrome&style=for-the-badge

[edge-url]: https://microsoftedge.microsoft.com/addons/detail/youtube-popout-player/mdhpmdbgkogobnebpgfbnnnbjfohiiee

[edge-image-version]: https://img.shields.io/badge/dynamic/json?logo=microsoftedge&style=for-the-badge&label=edge%20add-on&prefix=v&query=%24.version&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Fmdhpmdbgkogobnebpgfbnnnbjfohiiee

[edge-image-users]: https://img.shields.io/badge/dynamic/json?logo=microsoftedge&style=for-the-badge&label=users&query=%24.activeInstallCount&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Fmdhpmdbgkogobnebpgfbnnnbjfohiiee

[firefox-url]: https://addons.mozilla.org/firefox/addon/youtube-popout-player/

[firefox-image-version]: https://img.shields.io/amo/v/youtube-popout-player?color=blue&logo=firefox&style=for-the-badge

[firefox-image-users]: https://img.shields.io/amo/users/youtube-popout-player?color=blue&logo=firefox&style=for-the-badge