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 |
| 官方網址 | 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"
]
} | |
