Question

我尝试根据我在Cordova建立的ios应用的表单输入值来调整视频速度。我已经能够更改playbackRate，但需要通过添加用户输入使其动态化。知道怎么做吗？

HTML：

<form>
    <input name="speed" type="text" placeholder="Input Speed" 
name="speed">
    </form>
    <button class="btn btn-info btn-large" id="formtest">Form 
Test</button>

JS：

var speed = document.getElementsByName("speed")[0].value;

document.getElementById('formtest').onclick = function() {

    document.getElementById('trail1').play();
    document.getElementById('trail1').playbackRate = 1/speed;
}

Answer 1

我认为您需要将输入类型更改为数字。

我很想使用onchange事件监听器和处理程序，但当然你可以使用onclick。

var speed = document.getElementsByName("speed")[0];

speed.onclick = function(){

    var rate = speed.value;

   document.getElementById('trail1').play();
   document.getElementById('trail1').playbackRate = rate; 

};

然后您可以输入您希望视频播放的速度。

此外，您在input元素中有两次name属性。

更改视频播放率以匹配表单输入值

1 个答案: