☰

Webm Toggle Loop

Creates a button which toggles looping on or off

目前为 2015-12-09 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        Webm Toggle Loop
  3. // @namespace   com.jeddunk.webmtoggleloop
  4. // @author      Jeddunk
  5. // @description Creates a button which toggles looping on or off
  6. // @match       *://*/*.webm*
  7. // @match       *://*/*.mp4*
  8. // @run-at      document-start
  9. // @version     1.0
  10. // @grant       none
  11. // @locale      english
  12. // ==/UserScript==
  13. var toggleValue = 'ON';
  14. var vids = document.getElementsByTagName('video');
  15. if (document.body.children.length != 1) return;
  16. var q = document.body.children[0];
  17. if (q.tagName != 'VIDEO') return;
  18. var o = q.cloneNode();
  19. var vidCont = document.createElement('div');
  20. vidCont.className = 'btnContainer';
  21. q.parentNode.appendChild(vidCont);
  22. var bt = document.createElement('input');
  23. bt.className = 'btnToggle';
  24. bt.type = 'button';
  25. bt.value = 'TOGGLE';
  26. bt.style.width = '100px';
  27. bt.addEventListener('click', function (e) {
  28.   if (toggleValue == 'ON') {
  29.     loopOff();
  30.   } else {
  31.     loopOn();
  32.   }
  33. }, true);
  34. vidCont.appendChild(bt);
  35. function loopOn() {
  36.   for (i = 0; i < vids.length; i++) {
  37.     vids[i].setAttribute('loop', '');
  38.     vids[i].play();
  39.   }
  40.   toggleValue = 'ON';
  41.   bt.value = 'LOOP: ' + toggleValue;
  42. }
  43. function loopOff() {
  44.   for (i = 0; i < vids.length; i++) vids[i].removeAttribute('loop');
  45.   toggleValue = 'OFF';
  46.   bt.value = 'LOOP: ' + toggleValue;
  47. }
  48. loopOff();