PIPvid
Enables JS PIP support for any HTML 5 video element
PIPvidとは何ですか？
PIPvidはUnknownによって開発されたChromeの拡張機能で、その主な機能は「Enables JS PIP support for any HTML 5 video element」です。
拡張機能のスクリーンショット
PIPvid拡張機能のCRXファイルをダウンロード
PIPvid拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
Chromium based browsers upport picture-in-picture and there is a JavaScript API which allows websites to leverage this capability. Unfortunately many websites don't so users are left to using browser Windows and OS level windowing management to re-produce this capability.
PIPvideo does exactly what you imagine it does. It finds the video elements on the page and adds a little icon in the top left hand corner that when clicked it will open the video leveraging this API and the PIP technology built into Chromium.
In order to ensure that the extension doesn't have any negative performance implications you have to click the extension button for it to add the icon to the videos. I've successfully tested it on:
* YouTube
* NFL Gamepass
* Disney Plus
* Netflix
* CNN
* ESPN
* Twitch
* Mixer
Notice: Some websites modify the DOM numerous times and because of this some sites do not currently work in the current design. Here are some that I have found that do not:
* Polygon
* Hulu
* NBA.com
* Hotstar 拡張機能の基本情報
| 名前 | |
| ID | dkjikmdpclhdhinpibfkknpmoadogcbm |
| 公式URL | https://chromewebstore.google.com/detail/pipvid/dkjikmdpclhdhinpibfkknpmoadogcbm |
| 説明 | Enables JS PIP support for any HTML 5 video element |
| ファイルサイズ | 5.92 KB |
| インストール数 | 227 |
| 現在のバージョン | 1 |
| 最終更新日 | 2020-05-04 |
| 公開日 | 2020-05-02 |
| 開発者 | Unknown |
| 支払い方法 | free |
| ヘルプページのURL | https://github.com/gregwhitworth/pipvid |
| 対応言語 | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "PIPvid",
"version": "1",
"description": "Enables JS PIP support for any HTML 5 video element",
"browser_action": {
"default_icon": "icon.png"
},
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"css": [
"pip.css"
]
}
],
"permissions": [
"activeTab"
],
"web_accessible_resources": [
"icon.png"
]
} | |
