The HTMLMediaElement.playbackRate
property sets the rate at which the media is being played back. This is used to implement user controls for fast forward, slow motion, and so forth. The normal playback rate is multiplied by this value to obtain the current rate, so a value of 1.0 indicates normal speed.
If playbackRate
is negative, the media is not played backwards.
The audio is muted when the fast forward or slow motion is outside a useful range (for example, Gecko mutes the sound outside the range 0.25
to 5.0
).
The pitch of the audio is corrected by default and is the same for every speed. Some browsers implement the non-standard HTMLMediaElement.preservesPitch
property to control this.
Syntax
// video video.playbackRate = 1.5; // audio audio.playbackRate = 1.0;
Value
A double
. 1.0
is "normal speed," values lower than 1.0
make the media play slower than normal, higher values make it play faster. (Default: 1.0
)
Example
var obj = document.createElement('video'); console.log(obj.playbackRate); // Expected Output: 1
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'HTMLMediaElement.playbackRate' in that specification. |
Living Standard | |
HTML5 The definition of 'HTMLMediaElement.playbackRate' in that specification. |
Recommendation |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
playbackRate | Chrome Full support 43 | Edge Full support 12 | Firefox Full support 20 | IE Full support 9 | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 20 | Opera Android ? | Safari iOS ? | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
See also
- The interface defining it,
HTMLMediaElement
.