Как заставить видео воспроизводиться в 2 раза быстрее на целевой странице jsx React

Я уже пробовал использовать playbackRate (отладка с помощью Claude и GPT — безуспешно). Я хочу, чтобы видео воспроизводилось в два раза быстрее, когда пользователь прокручивает его на целевой странице. Я знаю, что мог бы использовать простой обходной путь: сохранить видео в формате 2x, а затем просто удалить синтаксис, вызывающий ошибку, но я хочу изучить более надежный способ.

    <div className = "relative inline-flex flex-col">
      <video
        className = "md:max-w-none mx-auto rounded"
        width = {500}
        height = {462}
        autoPlay = {true}
        playbackRate = {2}
        muted
        loop
      >
        <source src = "/videos/DatasetDealFacilitation.mov" type = "video/mp4" />
      </video>
      <video
        className = "md:max-w-none absolute w-full left-0 transform animate-float"
        width = {500}
        height = {44}
        autoPlay = {true}
        playbackRate = {2}
        muted
        loop
        style = {{ top: '30%' }}
      />
    </div>

Type '{ children: Element; className: string; width: number; height: number; autoPlay: true; playbackRate: number; muted: true; loop: true; }' is not assignable to type 'DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>'.
  Property 'playbackRate' does not exist on type 'DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>'.ts(2322)