DblClick to Fullscreen Video on X (formerly Twitter)

Allows toggling fullscreen mode in the video player on X (formerly Twitter) by double-clicking the video.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name             DblClick to Fullscreen Video on X (formerly Twitter)
// @match            https://x.com/*
// @grant             none
// @version         1.1
// @author          look997
// @description Allows toggling fullscreen mode in the video player on X (formerly Twitter) by double-clicking the video.
// @namespace https://greasyfork.org/users/4353
// ==/UserScript==

document.addEventListener("dblclick", e=>{
  //console.log(e.target.closest('[data-testid="videoPlayer"]').firstElementChild);
  //console.log(e.target.closest('[data-testid="videoPlayer"]').querySelector("video"));
 //console.log(e.target.closest('[data-testid="videoComponent"]'), e.target, e);

  if (!e.target.closest('[data-testid="videoPlayer"]')) { return; }

  if (document.fullscreenElement) {
    document.exitFullscreen();
  } else {
    e.target.closest('[data-testid="videoPlayer"]').firstElementChild.requestFullscreen();
  }
})