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

移植自：http://userstyles.org/styles/131642
当前为 2017-07-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Bilibili HTML5播放器网页全屏模式优化 脚本版
// @namespace    http://tampermonkey.net/
// @version      0.1.3
// @description  移植自：http://userstyles.org/styles/131642
// @author       ipcjs
// @include      *://www.bilibili.com/video/av*
// @include      *://www.bilibili.com/html/html5player.html*
// @include      *://www.bilibili.com/blackboard/html5player.html*
// @include      *://www.bilibili.com/blackboard/html5playerbeta.html*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
	let 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;
  }
  
  #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);
})();