您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
移植自:http://userstyles.org/styles/131642
// ==UserScript== // @name Bilibili HTML5播放器网页全屏模式优化 脚本版 // @namespace http://tampermonkey.net/ // @version 1.0.2 // @description 移植自:http://userstyles.org/styles/131642 // @author ipcjs // @include *://www.bilibili.com/video/av* // @include *://www.bilibili.com/bangumi/play/* // @include *://www.bilibili.com/html/html5player.html* // @include *://www.bilibili.com/blackboard/player.html* // @include *://www.bilibili.com/blackboard/html5player.html* // @include *://www.bilibili.com/blackboard/html5playerbeta.html* // @include *://www.bilibili.com/watchlater/* // @grant none // ==/UserScript== 'use strict' const OLD_CSS = ` @namespace url(http://www.w3.org/1999/xhtml); #bilibiliPlayer.mode-fullscreen .bilibili-player-video-sendbar { transition: 0.2s; opacity: 0!important; } #bilibiliPlayer.mode-fullscreen .bilibili-player-video-sendbar:hover { opacity: 1!important; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-wrap{ height:100%!important; width:100%!important; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control{ /*display: block;*/ opacity: 0!important; transition: 0.2s; position:absolute; bottom:0px; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control:hover{ /*opacity: 0.7!important; */ opacity: 1!important; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar{ /*display: block;*/ opacity: 0!important; transition: 0.2s; position:absolute; top:0px; width:100%!important; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar:hover{ /*opacity: 0.8!important; */ opacity: 1!important; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar .bilibili-player-mode-selection-container{ height:120px; border-radius: 5px; top:100%; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar .bilibili-player-color-picker-container{ height:208px; border-radius: 5px; top:100%; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-info-container{ top:40px; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-float-lastplay{ bottom:30px; }` const NEW_CSS = ` #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control-wrap, #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-top, #bilibiliPlayer.mode-fullscreen .bilibili-player-video-control-wrap, #bilibiliPlayer.mode-fullscreen .bilibili-player-video-top { opacity: 0!important; transition: 0.2s; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control-wrap:hover, #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-top:hover, #bilibiliPlayer.mode-fullscreen .bilibili-player-video-control-wrap:hover, #bilibiliPlayer.mode-fullscreen .bilibili-player-video-top:hover { opacity: 1!important; } #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-top, #bilibiliPlayer.mode-fullscreen .bilibili-player-video-top { pointer-events: inherit!important; } ` function addStyle(css) { let style = document.createElement('style') style.innerHTML = css document.querySelector('head').appendChild(style) } let isNewPlayer = document.querySelector('#entryOld > .old-btn > a, .entry-old > .btn-old') // 回到老版按钮 || !document.querySelector('.new-entry > .btn') // 试用新版按钮 console.log(`isNewPlayer: ${isNewPlayer}`) addStyle(isNewPlayer ? NEW_CSS : OLD_CSS)
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址