☰

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

移植自：http://userstyles.org/styles/131642

Versione datata 20/12/2016. Vedi la nuova versione l'ultima versione.

  1. // ==UserScript==
  2. // @name         Bilibili HTML5播放器网页全屏模式优化 脚本版
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  移植自：http://userstyles.org/styles/131642
  6. // @author       ipcjs
  7. // @include      http://www.bilibili.com/video/av*
  8. // @include      http://www.bilibili.com/html/html5player.html*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14. 	let css = `@namespace url(http://www.w3.org/1999/xhtml);
  15. #bilibiliPlayer.mode-fullscreen .bilibili-player-video-sendbar {
  16.     transition: 0.2s;
  17.     opacity: 0!important;
  18. }
  19. #bilibiliPlayer.mode-fullscreen .bilibili-player-video-sendbar:hover {
  20.     opacity: 1!important;
  21. }
  22. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-wrap{
  23.     height:100%!important;
  24.     width:100%!important;
  25.   }
  26.   
  27.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control{
  28.     display: block;
  29.     opacity: 0!important;
  30.     transition: 0.2s;
  31.     position:absolute;
  32.     bottom:0px;
  33.   }
  34.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control:hover{
  35. /*     opacity: 0.7!important; */
  36.     opacity: 1!important;
  37.   }
  38.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar{
  39.     display: block;
  40.     opacity: 0!important;
  41.     transition: 0.2s;
  42.     position:absolute;
  43.     top:0px;
  44.   }
  45.   
  46.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar:hover{
  47. /*     opacity: 0.8!important; */
  48.     opacity: 1!important;
  49.   }
  50.   
  51.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar .bilibili-player-mode-selection-container{
  52.     height:120px;
  53.     border-radius: 5px;
  54.     top:100%;
  55.   }
  56.   
  57.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar .bilibili-player-color-picker-container{
  58.     height:208px;
  59.     border-radius: 5px;
  60.     top:100%;
  61.   }
  62.   
  63.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-info-container{
  64.     top:40px;
  65.   }
  66.   
  67.   #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-float-lastplay{
  68.     bottom:30px;
  69.   }`;
  70. 	let style = document.createElement('style');
  71. 	style.innerHTML = css;
  72. 	document.querySelector('head').appendChild(style);
  73. })();