☰

Toggleable video and audio html5 elements

Little script to enable video and audio html5 elements play/pause toggle clicking on element itself.

  1. // ==UserScript==
  2. // @name Toggleable video and audio html5 elements
  3. // @namespace Violentmonkey Scripts
  4. // @grant none
  5. // @include *
  6. // @author       Creec Winceptor
  7. // @description  Little script to enable video and audio html5 elements play/pause toggle clicking on element itself.
  8. // @namespace https://greasyfork.org/users/3167
  9. // @run-at document-load
  10. // @version 1.1
  11. // ==/UserScript==
  12.  
  13. var playpause = function(obj)
  14. {
  15.   obj.paused?obj.play():obj.pause();
  16. }
  17. var enableclicktoggle = function(elem) 
  18. {
  19.   elem.addEventListener("click", function(){playpause(this)});
  20.   elem.volume = 0.5;
  21. }
  22.  
  23. var videos = document.getElementsByTagName("VIDEO");
  24. for (var i = 0; i < videos.length; i++) 
  25. {
  26. 	var elem = videos[i];
  27.   	enableclicktoggle(elem);
  28. }
  29.  
  30. var audios = document.getElementsByTagName("AUDIO");
  31. for (var i = 0; i < audios.length; i++) 
  32. {
  33. 	var elem = audios[i];
  34.   	enableclicktoggle(elem);
  35. }