全网站视频画中画模式

Greasy Fork is available in English.

全网站视频画中画模式

使用画中画模式观看视频,适合谷歌70以上版本

当前为 2019-02-24 提交的版本，查看最新版本。

换行

// ==UserScript==
// @icon            
// @name            全网站视频画中画模式
// @namespace       HZH
// @author          LL99LL
// @description     使用画中画模式观看视频,适合谷歌70以上版本
// @match           *
// @include         *
// @require         http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js
// @version         0.1.0
// ==/UserScript==
(function () {
    'use strict';
    $(function () {
         //画中画
        var down_btn_html = '<button id="HZHBtn" title="画中画" draggable="true"  style="cursor:pointer;opacity:0.5;width:20px;height:20px;border-radius:10px;position: fixed;top: 5px;left: 5px;z-index: 10000; border: 5px solid #888; padding: 0;"></button>';
        var video = document.getElementsByTagName('video')[0]
        console.log(video)
        if(video){
            var ul_tag = $("body");
            if (ul_tag) {
                ul_tag.append(down_btn_html);
                $('#HZHBtn').hover(function(){
                    $('#HZHBtn').css('opacity','1')
                },function(){
                    $('#HZHBtn').css('opacity','0.5')
                })

            }
        }

        //执行下载按钮的单击事件并调用下载函数
        $("#HZHBtn").click(function () {
            //判断是否可以使用画中画
            if(false){
            }
            //获取播放器（video）对象

            var btn=$('#HZHBtn')[0]
            console.log(video)
            console.log(btn)
            if (video !== document.pictureInPictureElement) {
                // 尝试进入画中画模式
                video.requestPictureInPicture();
            } else {
                // 退出画中画
                document.exitPictureInPicture();
            }
        });
    });

})();