HTML5 Скорость воспроизведения видео

Question

Я пытаюсь использовать раскрывающееся окно, чтобы иметь возможность изменять скорость воспроизведения видео.

Я добавил варианты по разметке здесь:

 <select id="playBackRateDrop"> 
      <option>0.5</option> 
      <option selected= "selected">1</option> 
      <option>1.5</option> 
      <option>2</option> 
     </select> 

Добавлена ​​переменный в getElementById здесь var playRate= document.getElementById("playBackRateDrop");

Добавлен ActionListener в окно ниспадающего playRate.addEventListener("select", setPlaySpeed);

И создал функцию здесь

function setPlaySpeed() { 
     var rate= playRate.options[selectedIndex].value; 
     video.playbackRate= rate; 
    } 

По какой-то причине выбор варианта из выпадающего меню ничего не меняет, видео воспроизводится как обычно.

Answer 1

Вы должны прослушивать событие change не select:

playRate.addEventListener("change", setPlaySpeed); 

Кроме того, вы должны использовать playRate.value, чтобы получить значение избранных. Затем используйте parseFloat, чтобы получить значение float возвращаемой строки. Это приводит к следующей функции:

function setPlaySpeed() { 
    var rate= playRate.value; 
    video.playbackRate= parseFloat(rate); 
}