☰

Custom YouTube Video Seeking

Adds buttons to YouTube videos to allow custom seeking. It also adds a handy stop start button for stopping to video quickly.

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

  1. // ==UserScript==
  2. // @name           Custom YouTube Video Seeking 
  3. // @namespace      http://www.diamonddownload.weebly.com
  4. // @description    Adds buttons to YouTube videos to allow custom seeking. It also adds a handy stop start button for stopping to video quickly. 
  5. // @include        http://*.youtube.com/*
  6. // @include        http://youtube.com/*
  7. // @include        https://*.youtube.com/*
  8. // @include        https://youtube.com/*
  9. // @grant          none
  10. // @version        1.2
  11. // @run-at         document-body
  12. // @author         R.F Geraci
  13. // @icon64         http://icons.iconarchive.com/icons/designbolts/minimalist-social/64/YouTube-icon.png
  14. // ==/UserScript==
  15.  
  16. //============CUSTOM SETTINGS============
  17. var showPauseButton = true;
  18. var showBackwardsSeekButton = true;
  19. var showForwardsSeekButton = true;
  20. //=======================================
  21.  
  22. var toggle = false;
  23. var btn;
  24. var Tbox;
  25. var SeekBBtn;
  26. var SeekFBtn;
  27. var label;
  28.  
  29. var p = document.getElementsByClassName('video-stream html5-main-video')[0];
  30. var container = document.getElementById('watch7-user-header');
  31.  
  32. function stopvidload(){
  33.     
  34.     if (p){
  35.         toggle = !toggle;
  36.         
  37.         if (toggle){
  38.             
  39.             btn.innerText = "Play Video";
  40.             p.pause();
  41.         }else{
  42.             
  43.             btn.innerText = "Stop Video";
  44.             p.play();
  45.         }
  46.     } 
  47. }
  48.  
  49. function seekForward(){
  50.     if (Tbox.value != "" && Tbox.value > 0){
  51.         var int = parseInt(Tbox.value, 10);
  52.         p.currentTime += int;      
  53.     }
  54. }
  55.  
  56. function seekBackward(){
  57.     if (Tbox.value != "" && Tbox.value > 0){
  58.         var int = parseInt(Tbox.value, 10);
  59.         p.currentTime -= int;      
  60.     }
  61. }
  62.  
  63. btn = document.createElement('button');
  64. btn.id = 'stop-download';
  65. btn.type = 'button';
  66. btn.title =  'Stop Youtube Download';
  67. btn.className ='yt-subscription-button yt-uix-button yt-uix-button-subscribe-branded';
  68. btn.setAttribute('style', 'margin-left: 5px; outline: none;');
  69. btn.innerText = "Stop Video";
  70. container.appendChild(btn);
  71. btn.addEventListener('click',stopvidload, true);
  72.  
  73.  
  74. if (showPauseButton == true){
  75.     btn.style.display = "inline-block";
  76. }else{
  77.     btn.style.display = "none";
  78. }
  79.  
  80.  
  81. SeekBBtn = document.createElement('button');
  82. SeekBBtn.id = 'Seek-B-Increment';
  83. SeekBBtn.type =  'button';
  84. SeekBBtn.title = 'Seek Backward';
  85. SeekBBtn.className = 'yt-subscription-button yt-uix-button yt-uix-button-subscribe-branded';
  86. SeekBBtn.setAttribute('style', 'margin-left: 5px; outline: none; width: 25px;');
  87. SeekBBtn.innerText = "◄";
  88. container.appendChild(SeekBBtn);
  89. SeekBBtn.addEventListener('click',seekBackward, true);
  90.  
  91.  
  92. if (showBackwardsSeekButton == true){
  93.     SeekBBtn.style.display = "inline-block";
  94. }else{
  95.     SeekBBtn.style.display = "none";
  96. }
  97.  
  98. SeekFBtn = document.createElement('button');
  99. SeekFBtn.id = 'Seek-F-Increment';
  100. SeekFBtn.type =  'button';
  101. SeekBBtn.title = 'Seek Forward';
  102. SeekFBtn.className = 'yt-subscription-button yt-uix-button yt-uix-button-subscribe-branded';
  103. SeekFBtn.setAttribute('style', 'margin-left: 5px; outline: none; width: 25px;');
  104. SeekFBtn.innerText = "►";
  105. container.appendChild(SeekFBtn);
  106. SeekFBtn.addEventListener('click',seekForward, true);
  107.  
  108. if (showForwardsSeekButton == true){
  109.     SeekFBtn.style.display = "inline-block";
  110. }else{
  111.     SeekFBtn.style.display = "none";
  112. }
  113.  
  114. if (showForwardsSeekButton || showBackwardsSeekButton){
  115.     Tbox = document.createElement('input');
  116.     Tbox.id = 'Increment-value';
  117.     Tbox.type ='number';
  118.     Tbox.setAttribute('style', 'position: relative; top: 2px; margin-left: 5px; outline: none; width: 35px;');
  119.     Tbox.value = "5";
  120.     Tbox.min = "0";
  121.     Tbox.setAttribute('maxlength', "5");
  122.     container.appendChild(Tbox);
  123.     
  124.     label = document.createElement('label');
  125.     label.id = 'Seek-Label';
  126.     label.type = 'text';
  127.     label.setAttribute('style', 'position: relative; top: 2px; margin-left: 5px; outline: none;');
  128.     label.innerText = "Seconds";
  129.     container.appendChild(label);
  130. }
  131. p.onpause = function(){btn.innerText = "Play Video";};
  132. p.onplay = function(){btn.innerText = "Stop Video";};
  133.  
  134.