<p>
  <span>速率控制：</span>
  <select id="select" onchange="changeRate()">
     <option value="1" selected>1</option>
     <option value="0.5">0.5</option>
     <option value="2">2</option>
  </select>
</p>
<audio src="http://www.deathghost.cn/public/upload/article/2019/07/deathghost.mp4" controls id="video"></audio>
<p>其他：video 效果演示更换audio标签即可。</p>
<p>来源：deathghost.cn</p>
video{
  width: auto;
  height: 100vh;
}
const audio = document.getElementById('audio');
const select = document.getElementById('select');
// change rate ...
function changeRate() {
    video.playbackRate = select.options[select.selectedIndex].value;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.