快捷键开启画中画脚本

画中画功能还是很好用的，可以上班的时候摸鱼看电影。所以写个脚本给开启画中画加个快捷键方便使用。加入油猴之后在视频页按 alt+p 就可以了。

1
// ==UserScript==
2
// @name         开启画中画
3
// @namespace    https://cnwangjie.com
4
// @version      0.1
5
// @description  开启画中画
6
// @author       cnwangjie
7
// @match        https://*.bilibili.com/*
8
// @match        https://*.youku.com/*
9
// @match        https://*.douyu.com/*
10
// @grant        none
11
// ==/UserScript==
12

13
(function () {
14
const getCurrentPlayingVideo = () => {
15
    const videos = [].slice.call(document.querySelectorAll('video'))
16
    const [video] = videos.filter(v => !v.paused)
17
    return video
18
}
19
const requestPictureInPictureForCurrentPlayingVideo = () => {
20
    const video = getCurrentPlayingVideo()
21
    if (!video) return
22
    video.requestPictureInPicture()
23
    const handler = () => {
24
        document.exitPictureInPicture()
25
        video.removeEventListener(handler)
26
    }
27
    video.addEventListener('pause', handler)
28
}
29
document.removeEventListener('keydown', window. 开启画中画键盘事件处理器）
30
window. 开启画中画键盘事件处理器 = document.addEventListener('keydown', e => {
31
    if (e.altKey && e.keyCode === 80) requestPictureInPictureForCurrentPlayingVideo()
32
})
33
})()