Bilibili HTML5播放器网页全屏模式优化脚本版

移植自：http://userstyles.org/styles/131642
当前为 2018-12-30 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Bilibili HTML5播放器网页全屏模式优化 脚本版
// @namespace    http://tampermonkey.net/
// @version      1.0.0
// @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 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-control-wrap .bilibili-player-video-control{
    opacity: 0!important;
    transition: 0.2s;
    position: relative;
}
#bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control-wrap .bilibili-player-video-control:hover{
    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;
}`
let style = document.createElement('style')
style.innerHTML = css
document.querySelector('head').appendChild(style)