哔哩哔哩播放器显示时间

播放器右上角显示系统时间

  1. // ==UserScript==
  2. // @name 哔哩哔哩播放器显示时间
  3. // @description 播放器右上角显示系统时间
  4. // @author cngege
  5. // @version 2021.5.8.1
  6. // @namespace bilibili_video_time
  7. // @icon https://www.bilibili.com/favicon.ico
  8. // @icon64 https://s1.ax1x.com/2020/06/17/NV4aEq.png
  9. // @match *://*.bilibili.com/video/*
  10. // @match *://*.bilibili.com/watchlater/*
  11. // @match *://*.bilibili.com/bangumi/play/*
  12. // @match *://www.bilibili.com/blackboard/newplayer.html*
  13. // @require https://cdn.bootcss.com/jquery/3.5.0/jquery.min.js
  14. // @grant none
  15. // @run-at document-end
  16. // ==/UserScript==
  17.  
  18. (function() {
  19. let videotime_div_css = {
  20. "opacity":"1",
  21. "visibility":"visible",
  22. "display": "flex",
  23. "-webkit-box-flex": 0,
  24. "-ms-flex": "none",
  25. "flex": "none",
  26. "min-width": "64px",
  27. "margin": "18px 20px 0 0",
  28. "height": "24px",
  29. "line-height": "24px",
  30. "border-radius": "12px",
  31. "background": "rgba(33,33,33,.9)",
  32. "pointer-events": "all",
  33. "text-align": "center",
  34. "z-index": "2",
  35. "cursor": "pointer"
  36. }
  37. let videotime_div = $('<div class="video_time_div"></div>').append('<span class="bilibili-player-video-top-follow-text" id="video_time_show" style="margin:auto">00:00:00</span>');
  38. videotime_div.css(videotime_div_css);
  39. let videotimenode=null;
  40. let code = 0;
  41. let url = window.location.href;
  42. let pause = false;
  43. //插入节点&修改时间
  44. $(document).ready(function(){
  45. code = setInterval(addHtmlNode,1000);
  46. })
  47.  
  48. function addHtmlNode(){
  49. if(videotimenode!=null){
  50. let date = new Date();
  51. let H = date.getHours();
  52. let M = date.getMinutes();
  53. let S = date.getSeconds();
  54. H = (H<10)?"0"+H:H;
  55. M = (M<10)?"0"+M:M;
  56. S = (S<10)?"0"+S:S;
  57. videotimenode.text(H+":"+M+":"+S);
  58. }
  59. if(url != window.location.href){
  60. pause = false;
  61. url = window.location.href;
  62. }
  63. if(pause)
  64. return;
  65. let find2 = $("div.bilibili-player-video-top div.bilibili-player-video-top-follow");
  66. if(find2.length > 0){
  67. //find2.before(videotime);
  68. videotime_div.insertBefore("div.bilibili-player-video-top div.bilibili-player-video-top-follow")
  69. videotimenode = $("div.bilibili-player-video-top span#video_time_show");
  70. pause = true;
  71. //clearInterval(code)
  72. }
  73. }
  74.  
  75. //切换全屏的时候 调整样式
  76. window.onresize = function() {
  77. console.log("okk");
  78. if ($(".bilibili-player.mode-fullscreen .bilibili-player-area .bilibili-player-video-wrap .bilibili-player-video-top-follow, .bilibili-player.mode-webfullscreen .bilibili-player-area .bilibili-player-video-wrap .bilibili-player-video-top-follow").css("height") == "32px") {
  79. videotime_div.css("height","32px");
  80. videotime_div.css("line_height","32px");
  81. }else{
  82. videotime_div.css("height","24px");
  83. videotime_div.css("line_height","24px");
  84. }
  85. }
  86.  
  87. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址