☰

Webm Toggle Loop

Creates a button which toggles looping on or off

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

  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.1
  10. // @grant       none
  11. // @locale      english
  12. // ==/UserScript==
  13. (function () {
  14. var toggleValue = 'ON';
  15. var vids = document.getElementsByTagName('video');
  16. if (document.body.children.length != 1) return;
  17. var q = document.body.children[0];
  18. if (q.tagName != 'VIDEO') return;
  19. var o = q.cloneNode();
  20. var vidCont = document.createElement('div');
  21. vidCont.className = 'btnContainer';
  22. q.parentNode.appendChild(vidCont);
  23. var bt = document.createElement('input');
  24. bt.className = 'btnToggle';
  25. bt.type = 'button';
  26. bt.value = 'TOGGLE';
  27. bt.style.width = '100px';
  28. bt.addEventListener('click', function (e) {
  29.   if (toggleValue == 'ON') {
  30.     loopOff();
  31.   } else {
  32.     loopOn();
  33.   }
  34. }, true);
  35. vidCont.appendChild(bt);
  36. function loopOn() {
  37.   for (i = 0; i < vids.length; i++) {
  38.     vids[i].setAttribute('loop', '');
  39.     vids[i].play();
  40.   }
  41.   toggleValue = 'ON';
  42.   bt.value = 'LOOP: ' + toggleValue;
  43. }
  44. function loopOff() {
  45.   for (i = 0; i < vids.length; i++) vids[i].removeAttribute('loop');
  46.   toggleValue = 'OFF';
  47.   bt.value = 'LOOP: ' + toggleValue;
  48. }
  49. loopOff();
  50. })();