HTML5 video player enhanced script

Video enhancement script, supports all H5 video websites, such as: Bilibili, Douyin, Tencent Video, Youku, iQiyi, Xigua Video, YouTube, Weibo Video, Zhihu Video, Sohu Video, NetEase Open Course, Baidu network disk, Alibaba cloud disk, ted, instagram, twitter, etc. Full shortcut key control, support: double-speed playback/accelerated playback, video screenshots, picture-in-picture, full-screen web pages, adjusting brightness, saturation, contrast

< Feedback on HTML5 video player enhanced script

Review: OK - script works, but has bugs

§
Posted: 2022-07-28
Edited: 2022-07-28

有关B站部分快捷键无效的问题所在与解决方案。
问题在以下代码部分:

------------------------------------------分隔符----------------------------------------
'bilibili.com': {
// fullScreen: '[data-text="进入全屏"]',
// webFullScreen: '[data-text="网页全屏"]',
fullScreen: '.bilibili-player-video-btn-fullscreen',
webFullScreen: function () {
const webFullscreen = document.querySelector('.bilibili-player-video-web-fullscreen');
if (webFullscreen) {
webFullscreen.click();

/* 取消弹幕框聚焦,干扰了快捷键的操作 */
setTimeout(function () {
document.querySelector('.bilibili-player-video-danmaku-input').blur();
}, 1000 * 0.1);

return true
}
},
autoPlay: '.bilibili-player-video-btn-start',
switchPlayStatus: '.bpx-player-ctrl-btn.bpx-player-ctrl-play',//已修改
next: '.bpx-player-ctrl-btn.bpx-player-ctrl-next',//已修改
......
------------------------------------------分隔符----------------------------------------


应该是因为b站更新了,部分button的class进行了修改,所以根据个人需要,我只更新了一下以下两个功能的class(暂停、下一p),其他代码部分不变。(猜测其他网站快捷键失效应该也是这个原因)
switchPlayStatus: '.bpx-player-ctrl-btn.bpx-player-ctrl-play',
next: '.bpx-player-ctrl-btn.bpx-player-ctrl-next',

§
Posted: 2022-07-30

NBXD,改了这两行真好了

§
Posted: 2022-07-30

兄弟太牛啦,给你锁个牛牛

§
Posted: 2022-08-02

666,感谢

§
Posted: 2022-08-02

顶顶顶

§
Posted: 2022-08-04

666

§
Posted: 2022-08-04

感谢老哥.

§
Posted: 2022-08-04

大佬牛逼!

§
Posted: 2022-08-06

我补充一个 enter 键全屏失效的修改:
fullScreen: '.bilibili-player-video-btn-fullscreen',改成
fullScreen: '.bpx-player-ctrl-btn.bpx-player-ctrl-full',
网页全屏的话.bilibili-player-video-web-fullscreen
改成.bpx-player-ctrl-btn.bpx-player-ctrl-web

番剧和普通视频的暂停、全屏不一样,想要番剧全屏可以改成
fullScreen: '.squirtle-video-fullscreen.squirtle-video-item',
番剧下一集改成
next: '.squirtle-iconfont.squirtle-video-next.squirtle-video-item',
番剧暂停不会

§
Posted: 2022-08-07

我补充一下按enter键不能全屏的修改方法:
fullScreen: '.bilibili-player-video-btn-fullscreen',改成
fullScreen: '.bpx-player-ctrl-btn.bpx-player-ctrl-full',
网页全屏的话.bilibili-player-video-web-fullscreen
改成.bpx-player-ctrl-btn.bpx-player-ctrl-web

番剧和普通视频的暂停、全屏不一样,想要番剧全屏可以改成
fullScreen: '.squirtle-video-fullscreen.squirtle-video-item',
番剧下一集改成
next: '.squirtle-iconfont.squirtle-video-next.squirtle-video-item',
番剧暂停改成
switchPlayStatus: '.squirtle-video-start.squirtle-video-item',

§
Posted: 2022-08-08

作者不更了吗 咋都在评论区改了

ankvpsAuthor
§
Posted: 2022-08-14

有关B站部分快捷键无效的问题所在与解决方案。
问题在以下代码部分:

------------------------------------------分隔符----------------------------------------
'bilibili.com': {
// fullScreen: '[data-text="进入全屏"]',
// webFullScreen: '[data-text="网页全屏"]',
fullScreen: '.bilibili-player-video-btn-fullscreen',
webFullScreen: function () {
const webFullscreen = document.querySelector('.bilibili-player-video-web-fullscreen');
if (webFullscreen) {
webFullscreen.click();

/* 取消弹幕框聚焦,干扰了快捷键的操作 */
setTimeout(function () {
document.querySelector('.bilibili-player-video-danmaku-input').blur();
}, 1000 * 0.1);

return true
}
},
autoPlay: '.bilibili-player-video-btn-start',
switchPlayStatus: '.bpx-player-ctrl-btn.bpx-player-ctrl-play',//已修改
next: '.bpx-player-ctrl-btn.bpx-player-ctrl-next',//已修改
......
------------------------------------------分隔符----------------------------------------


应该是因为b站更新了,部分button的class进行了修改,所以根据个人需要,我只更新了一下以下两个功能的class(暂停、下一p),其他代码部分不变。(猜测其他网站快捷键失效应该也是这个原因)
switchPlayStatus: '.bpx-player-ctrl-btn.bpx-player-ctrl-play',
next: '.bpx-player-ctrl-btn.bpx-player-ctrl-next',

B站的播放、暂停、全屏、网页全屏、下一集快捷键异常问题已修复

Post reply

Sign in to post a reply.