☰

Video controls on hover for i.imgur.com

Show video controls on mouse hover for for imgur.com

  1. // ==UserScript==
  2. // @name           Video controls on hover for i.imgur.com
  3. // @description    Show video controls on mouse hover for for imgur.com
  4. // @include        https://i.imgur.com/*
  5. // @grant          none
  6. // @icon           https://imgur.com/favicon.ico
  7. // @require        https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
  8. // @author         flowscript
  9. // @version 1.0
  10. // @namespace https://greasyfork.org/users/158563
  11. // ==/UserScript==
  12.  
  13. jQuery(document).ready(function($){    
  14.   var attachVideoControls = function(){
  15.     var containers = $('.video-container');
  16.     if (containers.length) {
  17.       containers.on('mouseenter', 'video', function(evt){
  18.         $(this).prop('controls', true);
  19.       }).on('mouseleave', 'video', function(evt){
  20.         $(this).prop('controls', false);
  21.       });
  22.     } else {
  23.       window.setTimeout(attachVideoControls, 250);
  24.     }
  25.   };
  26.   window.setTimeout(attachVideoControls, 250);
  27. });