hide twitter video controls (until hover)

6/3/2024, 1:04:59 AM

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name        hide twitter video controls (until hover)
// @namespace   Violentmonkey Scripts
// @match       https://x.com/*
// @grant       none
// @version     1.0
// @author      minnieo
// @description 6/3/2024, 1:04:59 AM
// @license     MIT
// ==/UserScript==



document.addEventListener("DOMContentLoaded", () => {
  const videoControls = document.querySelector('div[data-testid="videoComponent"] div.css-175oi2r.r-18u37iz.r-n7gxbd');
  videoControls.style.display = 'none';

  if (videoControls) { // Check if videoControls exists
    // Show controls when the mouse enters the area
    videoControls.addEventListener('mouseenter', () => {
      videoControls.style.display = 'block';
    });

    // Hide controls when the mouse leaves the area
    videoControls.addEventListener('mouseout', () => {
      videoControls.style.display = 'none';
    });
  } else {
    console.error('Video controls element not found.');
  }
});