https://github.com/eternal-flame-ad/picture-in-picture

Provide picture in picture functionality to HTML5 videos on supported browsers
https://github.com/eternal-flame-ad/picture-in-picture

acfun html5-video picture-in-picture tampermonkey userscript web-video

Last synced: 6 months ago
JSON representation

Provide picture in picture functionality to HTML5 videos on supported browsers

• Host: GitHub
• URL: https://github.com/eternal-flame-ad/picture-in-picture
• Owner: eternal-flame-AD
• License: apache-2.0
• Created: 2018-12-10T11:33:10.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-05-29T17:10:50.000Z (about 5 years ago)
• Last Synced: 2024-12-10T11:44:22.158Z (6 months ago)
• Topics: acfun, html5-video, picture-in-picture, tampermonkey, userscript, web-video
• Language: JavaScript
• Size: 3.2 MB
• Stars: 3
• Watchers: 1
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Picture In Picture

[![Install on Greasy Fork](https://img.shields.io/badge/install-Greasy%20Fork-green.svg)](https://greasyfork.org/en/scripts/375384-picture-in-picture)

Provide picture in picture functionality to HTML5 videos on supported browsers using the new [Picture in Picture](https://wicg.github.io/picture-in-picture/) API.

## Installation

1. [Lookup on caniuse.com](https://caniuse.com/#feat=picture-in-picture) or use this [Pen](https://codepen.io/anon/pen/aPzvZo) or use the [Official Sample Page](https://googlechrome.github.io/samples/picture-in-picture/) to check if your current browser supports the PiP API.

1. Install [Tampermonkey](https://tampermonkey.net/) browser extension.

2. Install the UserScript [here](https://github.com/eternal-flame-AD/picture-in-picture/raw/master/index.user.js).

## Tested on

- [Bilibili](https://www.bilibili.com/)

    

    ![Bilibili Demo](https://cdn.jsdelivr.net/gh/eternal-flame-AD/picture-in-picture/img/demo-bilibili.png)

- [AcFun](http://www.acfun.cn/)(With the [AcFun HTML5 Player](https://github.com/esterTion/AcFun-HTML5-Player) extention)

    

    ![AcFun Demo](https://cdn.jsdelivr.net/gh/eternal-flame-AD/picture-in-picture/img/demo-acfun.png)

- [YouTube](https://www.youtube.com/)

    

    ![YouTube Demo](https://cdn.jsdelivr.net/gh/eternal-flame-AD/picture-in-picture/img/demo-youtube.png)

## Attributions

Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY