Greasy Fork is available in English.

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. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control{
  27. display: block;
  28. opacity: 0!important;
  29. transition: 0.2s;
  30. position:absolute;
  31. bottom:0px;
  32. }
  33. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-control:hover{
  34. /* opacity: 0.7!important; */
  35. opacity: 1!important;
  36. }
  37. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar{
  38. display: block;
  39. opacity: 0!important;
  40. transition: 0.2s;
  41. position:absolute;
  42. top:0px;
  43. }
  44. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar:hover{
  45. /* opacity: 0.8!important; */
  46. opacity: 1!important;
  47. }
  48. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar .bilibili-player-mode-selection-container{
  49. height:120px;
  50. border-radius: 5px;
  51. top:100%;
  52. }
  53. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-sendbar .bilibili-player-color-picker-container{
  54. height:208px;
  55. border-radius: 5px;
  56. top:100%;
  57. }
  58. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-info-container{
  59. top:40px;
  60. }
  61. #bilibiliPlayer.mode-webfullscreen .bilibili-player-video-float-lastplay{
  62. bottom:30px;
  63. }`;
  64. let style = document.createElement('style');
  65. style.innerHTML = css;
  66. document.querySelector('head').appendChild(style);
  67. })();