☰

Twitter Video Download

Adds a button to download video from a tweet

  1. // ==UserScript==
  2. // @name         Twitter Video Download
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.10
  5. // @description  Adds a button to download video from a tweet
  6. // @run-at       document-idle
  7. // @author       naileD
  8. // @match        https://x.com/*
  9. // @match        https://mobile.x.com/*
  10. // @match        https://twitter.com/*
  11. // @match        https://mobile.twitter.com/*
  12. // @icon         https://www.google.com/s2/favicons?domain=x.com
  13. // @grant        unsafeWindow
  14. // @license      Unlicense
  15. // ==/UserScript==
  16.  
  17. 'use strict';
  18. setInterval(() => {
  19.   var doc = unsafeWindow.document;
  20.   if (unsafeWindow.wrappedJSObject) doc = unsafeWindow.wrappedJSObject.document; //Violentmonkey fix
  21.   var main = doc.querySelector("main[role='main'] section[role='region']");
  22.   if (!main) return;
  23.   var react = Object.entries(main.parentElement).find(el => el[0].startsWith("__reactFiber"));
  24.   if (!react || !react[1] || !react[1].memoizedProps.children.length) return;
  25.   var tweet = [...react[1].memoizedProps.children].filter(el => (el || {})._owner).map(el => el._owner.memoizedProps.focalTweet).filter(el => el)[0];
  26.   if (!tweet || !tweet.extended_entities || !tweet.extended_entities.media || ![...tweet.extended_entities.media].find(el => el.video_info)) return;
  27.   var el = doc.querySelector(`a[href*="${tweet.id_str}"]`);
  28.   if (!el) return;
  29.   while (el.tagName !== "ARTICLE") { el = el.parentElement; }
  30.   el = el.querySelector(`[id^="id"][role="group"]`);
  31.   if (!el) return;
  32.   if (el.lastElementChild.tagName === "A") return;
  33.   var videoInfos = [...tweet.extended_entities.media].filter(el => el.video_info);
  34.   var videos = videoInfos.map(el => [...el.video_info.variants].filter(v => v.content_type == "video/mp4").sort((a,b) => b.bitrate - a.bitrate)[0].url.replace(new RegExp("\\?tag=.*"), ""));
  35.   var color = el.firstElementChild.style.color || "#536471";
  36.   var svg = `<svg width="1.5em" height="1.5em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="arcs">
  37.           <g><path d="M18 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h5M15 3h6v6M10 14L20.2 3.8"/></g></svg>`;
  38.   videos.forEach(video => el.insertAdjacentHTML("beforeend", `<a href="${video}" target="_blank" style="display: flex; place-self: center;  color: ${color};" title="Download Video">${svg}</a>`));
  39. }, 1000);