Skip to content

Instantly share code, notes, and snippets.

@wilmoore
Last active June 29, 2024 00:38
Show Gist options
  • Select an option

  • Save wilmoore/fb6a2225d99dc2b49c737130cca25720 to your computer and use it in GitHub Desktop.

Select an option

Save wilmoore/fb6a2225d99dc2b49c737130cca25720 to your computer and use it in GitHub Desktop.
Software Engineering :: Web :: Browser :: Extension :: Development :: Increase Video Playback Speed

Software Engineering :: Web :: Browser :: Extension :: Development :: Increase Video Playback Speed

⪼ Made with 💜 by Polyglot.

research

Increase Video Playback Speed

Hidden

image

<div data-layer="4" style="display: none;" class="">
  <div class="ytp-bezel-text-wrapper">
    <div class="ytp-bezel-text">1.75x</div>
  </div>
  <div class="ytp-bezel" role="status" aria-label="Speed is 1.75">
    <div class="ytp-bezel-icon">
      <svg height="100%" version="1.1" viewBox="0 0 36 36" width="100%">
        <use class="ytp-svg-shadow" xlink:href="#ytp-id-510"></use>
        <path class="ytp-svg-fill" d="M 10,24 18.5,18 10,12 V 24 z M 19,12 V 24 L 27.5,18 19,12 z" id="ytp-id-510"></path>
      </svg>
    </div>
  </div>
</div>
Shown

image

<div data-layer="4" class="">
  <div class="ytp-bezel-text-wrapper">
    <div class="ytp-bezel-text">1.5x</div>
  </div>
  <div class="ytp-bezel" role="status" aria-label="Speed is 1.5">
    <div class="ytp-bezel-icon">
      <svg height="100%" version="1.1" viewBox="0 0 36 36" width="100%">
        <use class="ytp-svg-shadow" xlink:href="#ytp-id-513"></use>
        <path class="ytp-svg-fill" d="M 17,24 V 12 l -8.5,6 8.5,6 z m .5,-6 8.5,6 V 12 l -8.5,6 z" id="ytp-id-513"></path>
      </svg>
    </div>
  </div>
</div>

Un-Hide The Current Playback Speed Element

document.querySelector('.ytp-bezel-text-wrapper').parentNode.style.display = ""
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment