Html5 Video Playback Rate

I'm trying to use a drop down window to be able to change the rate of which a video is playing at. I've added the options on markup here:

Solution 1:

You should listen for the event change not select:

playRate.addEventListener("change", setPlaySpeed);

Furthermore, you should use playRate.value to get the value of the select. Then use parseFloat to get the float value of the returned string. This results in the following function:

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

Share

Top Question

Firefox, Chrome, Safari Have Grey Background For Mp4 Html5 Video

Any video (that I can make) with a white background becomes…

Red Border Still Appears On Inputs After Resetting An HTML 5 Form Firefox

I have an HTML 5 form! Great, I'm excited! I decide to …

Svg Animation And Firefox

I'm struggle with SVG animation drawing, which is work …

How To Save Html5 Geolocation Data To Python Django Admin?

Is it possible to save the javascript html5 geolocation lat…

How To Limit The Html Table Records In Each Page

I am populating a table in my jsp which has more than 20 re…

How To Hide/show Tabs Using Jquery

I have four tabs.On loading only the first tab is opened an…

Form To Iframe Submission - How Do You Reset The Form After File Upload?

I have a form that submits the results to an iframe. The su…

How To Display A Python String As Html In Jupyter Notebook

In IPython notebook, I used to be able to display a python …

How To Add Placeholder

Field?

I've been trying to add placeholder in input type='…