Hack pro „Ranní komentáře od XTB“

Ranní komentáře Jardy Brychty z XTB mám v oblibě a sleduji je pravidelně. Začínám tak defacto svůj pracovní den při pití ranní kávy. Ve zhruba deseti minutách se člověk zajímající se o dění na finančních trzích dozví všechno důležité, co se předchozí obchodní den událo na trzích v USA a dalších zemích. Co mě ale vysloveně irituje, je to, že XTB musí z důvodu legislativy před každé své video umísťovat otravné upozornění trvající několik desítek sekund. Včera mně to začalo lézt na nervy tolik, že jsem za chvilku vymyslel řešení, který tento disclaimer automaticky přeskočí.

Než začnete…

🛠️ Co k tomu budete potřebovat? Webový prohlížeč a rozšíření Tampermonkey.

⏱️ Kolik času to zabere? Celý postup trvá přibližně 4–5 minut.

💻 Na jakých zařízeních to funguje? Na počítačích s Windows, macOS i Linuxem – stačí mít prohlížeč Chrome, Edge, Firefox nebo Brave.
Tampermonkey je k dispozici i pro Safari (macOS), ale tam se instaluje jako samostatná aplikace z App Storu a je nutné rozšíření ručně povolit v nastavení Safari.

📱 Funguje to i na mobilní aplikaci YouTube? Bohužel ne. Mobilní aplikace YouTube běží v uzavřeném systému, který neumožňuje spouštět rozšíření ani uživatelské skripty.

🔒 Je to bezpečné? Ano. Tampermonkey je ověřené rozšíření dostupné v oficiálních obchodech prohlížečů. Instalovaný skript můžete kdykoli vypnout nebo odstranit.

Jak na to – krok za krokem

Požadovaného výsledku dosáhneme pomocí již zmíněného doplňku do prohlížeče Tampermonkey. Jde o rozšíření, které umožňuje spouštět vlastní „mini-programy“ (userscripty) nad běžnými webovými stránkami. Umí stránku lehce upravit, něco na ní automatizovat nebo změnit její chování jen u vás v prohlížeči. V našem případě Tampermonkey zajistí, že se na YouTube automaticky přeskočí úvodní disclaimer, aniž by došlo ke změně čehokoliv jiného.

1️⃣ Nainstalujte si rozšíření Tampermonkey dle prohlížeče, který používáte:

2️⃣ Krok pouze pro Chrome a Edge (důležité):

Otevřete nastavení prohlížeče (tři tečky vpravo nahoře)
Klikněte na Rozšíření a následně Spravovat rozšíření
[Pro Edge] Povolte Režim vývojáře vlevo uprostřed (Developer mode)
[Pro Chrome] Najděte rozšíření Tampermonkey a zvolte Podrobnosti.
Ujistěte se, že:
- rozšíření je zapnuté
- přístup k webu je nastavený na „Na všech webech“
- uživatelské skripty jsou povoleny 👇

3️⃣ a) Otevřete odkaz na skript níže. Tampermonkey se automaticky spustí a zobrazí náhled kódu. Potvrďte kliknutím Instalovat…
https://www.finhacker.cz/wp-content/uploads/scripts/xtb-youtube.user.js

b) … nebo jej vložte manuálně (otevřít Tampermonkey → Řídící panel → Přidat nový skript → vložit kód níže → Soubor → Uložit)

// ==UserScript==
// @name         XTB YouTube → automatické přeskočení úvodního disclaimeru
// @author       FinHacker
// @license      MIT
// @namespace    https://www.finhacker.cz/
// @version      1.0
// @description  Při přehrávání videa ověří přes oEmbed autora; pokud je to @xtbczsk, automaticky přeskočí na 00:27.
// @updateURL    https://www.finhacker.cz/wp-content/uploads/scripts/xtb-youtube.user.js
// @downloadURL  https://www.finhacker.cz/wp-content/uploads/scripts/xtb-youtube.user.js
// @match        https://www.youtube.com/*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(() => {
  "use strict";
  const HANDLE = "@xtbczsk"; // Handle YouTube kanálu, který má skript rozpoznat
  const SEEK_S = 27; // Čas ve vteřinách, na který má video přeskočit
  
  const HANDLE_PATH = `/@${HANDLE.replace(/^@/, "")}`;
  let lastVid = "";
  let inflightCtrl = null;

  function seekWhenReady() {
    const SEL = "ytd-player video, #movie_player video, video";

    const arm = (v) => {
      if (!v) return;
      const seek = () => {
        try {
          const cur = v.currentTime || 0;
          if (cur + 0.25 < SEEK_S) v.currentTime = SEEK_S;
        } catch {}
      };
      if (v.readyState > 0) {
        seek();
      } else {
        v.addEventListener("loadedmetadata", seek, { once: true });
        v.addEventListener("canplay", seek, { once: true });
      }
    };

    const existing = document.querySelector(SEL);
    if (existing) {
      arm(existing);
      return;
    }

    const root =
      document.querySelector("ytd-player,#movie_player") ||
      document.documentElement;
    const mo = new MutationObserver((list, obs) => {
      for (const m of list) {
        for (const n of m.addedNodes) {
          if (n.nodeType !== 1) continue;
          if (n.nodeName === "VIDEO") {
            obs.disconnect();
            arm(n);
            return;
          }
          const v = n.querySelector?.("video");
          if (v) {
            obs.disconnect();
            arm(v);
            return;
          }
        }
      }
    });
    mo.observe(root, { childList: true, subtree: true });
  }

  async function checkVideo() {
    if (location.pathname !== "/watch") return;

    const url = new URL(location.href);
    const fullQuery = url.search + "&" + (location.hash || "").replace(/^#/, "");
    const params = new URLSearchParams(fullQuery);

    const tVal = parseInt(params.get("t") || params.get("start") || "0", 10);
    if (tVal >= SEEK_S) return;

    const vid = url.searchParams.get("v");
    if (!vid || vid === lastVid) return;

    try { inflightCtrl?.abort(); } catch {}
    const ctrl = new AbortController();
    inflightCtrl = ctrl;

    const requestedVid = vid;

    try {
      const r = await fetch(
        `https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${encodeURIComponent(
          requestedVid
        )}&format=json`,
        {
          credentials: "omit",
          cache: "no-store",
          signal: AbortSignal.any([ctrl.signal, AbortSignal.timeout(3500)])
        }
      );
      if (!r.ok) return;

      const j = await r.json();
      const authorUrl = String(j.author_url || "")
        .toLowerCase()
        .trim()
        .replace(/[?#].*$/, "")
        .replace(/\/$/, "");
      if (!authorUrl.endsWith(HANDLE_PATH)) return;

      const nowVid = new URL(location.href).searchParams.get("v");
      if (nowVid !== requestedVid) return;

      lastVid = requestedVid;
      seekWhenReady();
    } catch {} finally {
      if (inflightCtrl === ctrl) inflightCtrl = null;
    }
  }

  let debTimer = null;
  function schedule() {
    if (debTimer) clearTimeout(debTimer);
    debTimer = setTimeout(() => {
      debTimer = null;
      checkVideo();
    }, 120);
  }

  window.addEventListener("popstate", schedule, true);
  window.addEventListener("yt-navigate-finish", schedule, true);
  window.addEventListener("pageshow", schedule, true);
  new PerformanceObserver(() => schedule()).observe({
    type: "navigation",
    buffered: true,
  });

  schedule();
})();

4️⃣ Obnovte YouTube stránku pomocí klávesové zkratky Ctrl + F5. Tím se načte aktuální verze skriptu a vše by mělo začít fungovat.

Co přesně můj skript dělá

Skript po otevření stránky s videem na YouTube zkontroluje, jestli jde o video z kanálu @xtbczsk (proměnná HANDLE). Pokud ano a video nezačíná od pozdějšího času než 27 sekund, přeskočí přehrávání na čas 00:27 (proměnná SEEK_S), což je zhruba doba potřebná k přeskočení celého disclaimeru pro většinu videí od XTB. Nic dalšího nedělá – nemění obsah stránky, neodesílá data jinam a funguje pouze ve vašem prohlížeči.

Jak poznám, že je tenhle skript bezpečný?

Celý kód si zde můžete zkontrolovat. Užitečné body, na které se podívat:

Skript běží jen na adrese https://www.youtube.com/* (řádek @match v hlavičce).
Nepoužívá žádné rozšířené přístupy (@grant), běží tedy v omezeném režimu.
Nenačítá žádný externí kód (eval, <script>, cizí domény).
Jediný síťový dotaz provádí na YouTube oEmbed API (oficiální službu YouTube pro získání informací o videu).

Můj kód můžete volně používat, upravovat i sdílet.
Protože ho sám aktivně používám, budu se ho snažit průběžně udržovat a aktualizovat, pokud by přestal fungovat.
Nejnovější verzi vždy najdete přímo na této stránce.
Pokud narazíte na chybu nebo vás napadne zlepšení, neváhejte o tom napsat do diskuze pod článkem nebo mně pošlete zprávu.
Ke kódu neposkytuji žádnou technickou podporu nebo jakékoliv garance.

Díky za zpětnou vazbu!

5 (4)