如果 DOM 中不存在视频/音频元素，如何设置 html5 视频/音频的播放速度

Posted 2023-05-07

【中文标题】如果 DOM 中不存在视频/音频元素，如何设置 html5 视频/音频的播放速度

【英文标题】：How to set playback speed of html5 video/audio if the video/audio element is not present in DOM

【发布时间】：2020-08-18 08:20:30

【问题描述】：

How to change the playing speed of videos in html5? 描述了一种设置 html5 音频/视频元素的播放速度的方法，但该问题中给出的答案取决于 dom 中存在的实际视频/音频标签。该网站 - SoundCloud - 特别是没有将音频播放器放在 DOM 的任何地方，但它仍然在内部使用它。由于 document.queryselector 不起作用，如何设置播放速率？

【参考方案1】：

您不需要将音频标签实际插入 DOM。

这里的快速示例：

document.getElementById('play').addEventListener('click', event => 
    const audio = document.createElement('audio')
  audio.src = "https://www.w3schools.com/html/mov_bbb.mp4"
  audio.play()
)

https://jsfiddle.net/v4ma95L2/

【讨论】：

如果它不是 DOM 的一部分，有没有办法再次找到它？

我猜你必须保存参考以供以后使用。