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

readme.md

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

⪼ Made with 💜 by Polyglot.

• ..

research

• Control Video Playback Speed (ChatGPT)

Increase Video Playback Speed

Hidden

<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

<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 = ""