将输入范围附加到正文并控制视频播放率

Question

我正在尝试使用用于控制视频playingRate的oninput事件侦听器创建范围输入（滑块）并将其附加到主体，但是它不起作用...

var pitch = document.createElement('input'); 

pitch.setAttibute('type','range');
pitch.setAttibute('min','0');
pitch.setAttibute('max','1'); 
pitch.setAttibute('step','0.01');

document.body.appendChild(pitch); 

var video = document.querySelector('.video-stream');
pitch.oninput = function(){  
    video.playbackRate = pitch.value;
}

我有错误：

未被捕获的TypeError：pitch.setAttibute不是一个函数

Answer 1

看来您将Attribute拼写错误。 您将其拼写为setAttibute ，但实际上应将其设置为setAttribute 。 修复所有拼写错误，您的代码应该可以正常工作