html5 video視頻倍速播放
使用playbackRate屬性可讀寫控制音視頻播放速率
// 獲取視頻速率
var
playback = video.playbackRate;
// 設置視頻播放速率
video.playbackRate = 1.5;
// 獲取音頻播放速率
var
audioPlay = audio.playbackRate;
// 設置音頻播放速率
audio.playbackRate = 1.5;
示例代碼如下：
<
video
id
=
"video"
width
=
"180"
height
=
"314"
autobuffer controls
src
=
"視頻地址.mp4"
type
=
"video/mp4"
></
video
>
<
p
>請選擇播放速率：
<
select
id
=
"rate"
>
<
option
value
=
"0.5"
>0.5</
option
>
<
option
value
=
"1"
selected>1.0</
option
>
<
option
value
=
"1.25"
>1.25</
option
>
<
option
value
=
"1.5"
>1.5</
option
>
<
option
value
=
"2"
>2.0</
option
>
</
select
></
p
>
<
p
><
button
id
=
"play"
>視頻播放</
button
></
p
>
var
sel = document.getElementById(
'rate'
);
var
btn = document.getElementById(
'play'
);
var
video = document.getElementById(
'video'
);
sel.addEventListener(
'change'
,
function
() {
video.playbackRate =
this
.value;
});
btn.addEventListener(
'click'
,
function
() {
video.play();
});