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”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载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                    

扩展基本信息

名称 PIPvid PIPvid
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"
    ]
}