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

Question

我正在尝试创建范围输入( slider )并将其附加到正文，其中包含控制视频播放速率的 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;
}

我有错误:

Uncaught TypeError: pitch.setAttibute is not a function

Answer 1

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