HTML5-Videowiedergabefrequenz

Question

Ich versuche ein Dropdown-Fenster zu verwenden, um die Rate zu ändern, mit der ein Video abgespielt wird.

Ich habe die Optionen auf Markup hier hinzugefügt:

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

Added eine Variable hier var playRate= document.getElementById("playBackRateDrop");playRate.addEventListener("select", setPlaySpeed);

und schuf hier

Added ein Action zum Drop-Down-Fenster eine Funktion getElementById

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

Aus irgendeinem Grund ändert die Auswahl einer Option aus dem Dropdown nichts, das Video wird normal abgespielt.

Answer 1

Sie sollten für den Fall hören change nicht select:

playRate.addEventListener("change", setPlaySpeed); 

Darüber hinaus sollten Sie playRate.value verwenden Sie den Wert des Auswahl zu erhalten. Verwenden Sie dann parseFloat, um den Gleitkommawert der zurückgegebenen Zeichenfolge abzurufen. Dies führt zu folgender Funktion: