☰

Video zooming buttons

Allows you to zoom in on YouTube videos. Useful to get rid of black borders at the top/bottom of a video if you have an ultrawide display.

当前为 2020-02-08 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name     Video zooming buttons
  3. // @description Allows you to zoom in on YouTube videos. Useful to get rid of black borders at the top/bottom of a video if you have an ultrawide display.
  4. // @version  1
  5. // @grant    none
  6. // @match    https://www.youtube.com/*
  7. // @namespace https://greasyfork.org/users/442760
  8. // ==/UserScript==
  9.  
  10. function prepareButton(b)
  11. {
  12.   b.style.float = "right";
  13. }
  14.  
  15. function getVideo()
  16. {
  17.   return document.querySelector(".html5-main-video");
  18. }
  19.  
  20. console.log("Start waiting");
  21.  
  22. var waitInterval = setInterval(function() {
  23.   var elemTitle = document.querySelector("yt-formatted-string.ytd-video-primary-info-renderer:nth-child(1)");
  24.  
  25.   if (!elemTitle || !getVideo()) {
  26.     return;
  27.   }
  28.  
  29.   clearInterval(waitInterval);
  30.   console.log("Clear interval");
  31.   
  32.   var zoomSpeed = 0.0;
  33.   var zoom = 1.0;
  34.  
  35.   setInterval(function() {
  36.     var video = getVideo();
  37.     if (video) {
  38.     	zoom += zoomSpeed;
  39.     	video.style.transform = "scale(" + zoom + ")";
  40.     }
  41.   }, 17);
  42.  
  43.   var newButtonIncrease = document.createElement("button");
  44.   newButtonIncrease.innerText = "+";
  45.   prepareButton(newButtonIncrease);
  46.  
  47.   var newButtonDecrease = document.createElement("button");
  48.   newButtonDecrease.innerText = "-";
  49.   prepareButton(newButtonDecrease);
  50.  
  51.   var newButtonReset = document.createElement("button");
  52.   newButtonReset.innerText = "Reset";
  53.   prepareButton(newButtonReset);
  54.  
  55.   newButtonIncrease.onmousedown = function() { zoomSpeed = 0.01; };
  56.   newButtonIncrease.onmouseup = function() { zoomSpeed = 0; };
  57.  
  58.   newButtonDecrease.onmousedown = function() { zoomSpeed = -0.01; };
  59.   newButtonDecrease.onmouseup = function() { zoomSpeed = 0; };
  60.  
  61.   newButtonReset.onclick = function() { zoom = 1.0; }
  62.  
  63.   elemTitle.appendChild(newButtonIncrease);
  64.   elemTitle.appendChild(newButtonDecrease);
  65.   elemTitle.appendChild(newButtonReset);
  66.   
  67.   console.log(elemTitle);
  68.   console.log("Everything done");
  69. }, 500);