一、前言

在瀏覽器觀看視頻時(shí)無法設(shè)置視頻倍速，或提供的倍速不夠，還想要加快播放速度。解決這個(gè)問題只需要簡(jiǎn)單幾步即可隨意設(shè)置播放速度。在此之前需要了解一點(diǎn)點(diǎn)的瀏覽器操作知識(shí)與JS語法，不會(huì)也沒關(guān)系按照下面操作就可以。

二、知識(shí)點(diǎn)介紹

這里介紹一下視頻對(duì)象的一些屬性和方法，如果不感興趣可以直接看下面的操作步驟。

2.1 音頻方法

方法描述

load()	重新加載音頻/視頻元素。
play()	開始播放音頻/視頻。
pause()	暫停當(dāng)前播放的音頻/視頻。

2.2 音頻屬性

屬性描述

currentSrc	返回當(dāng)前音頻/視頻的 URL。
currentTime	設(shè)置或返回音頻/視頻中的當(dāng)前播放位置（以秒計(jì)）。
defaultMuted	設(shè)置或返回音頻/視頻默認(rèn)是否靜音。
defaultPlaybackRate	設(shè)置或返回音頻/視頻的默認(rèn)播放速度。
duration	返回當(dāng)前音頻/視頻的長(zhǎng)度（以秒計(jì)）。
ended	返回音頻/視頻的播放是否已結(jié)束。
loop	設(shè)置或返回音頻/視頻是否應(yīng)在結(jié)束時(shí)重新播放。
muted	設(shè)置或返回音頻/視頻是否靜音。
networkState	返回音頻/視頻的當(dāng)前網(wǎng)絡(luò)狀態(tài)。
paused	設(shè)置或返回音頻/視頻是否暫停。
playbackRate	設(shè)置或返回音頻/視頻播放的速度。
src	設(shè)置或返回音頻/視頻元素的當(dāng)前來源。
volume	設(shè)置或返回音頻/視頻的音量。

2.3 音頻事件

事件描述

durationchange	當(dāng)音頻/視頻的時(shí)長(zhǎng)已更改時(shí)觸發(fā)。
pause	當(dāng)音頻/視頻已暫停時(shí)觸發(fā)。
progress	當(dāng)瀏覽器正在下載音頻/視頻時(shí)觸發(fā)。
ratechange	當(dāng)音頻/視頻的播放速度已更改時(shí)觸發(fā)。
timeupdate	當(dāng)目前的播放位置已更改時(shí)觸發(fā)。
volumechange	當(dāng)音量已更改時(shí)觸發(fā)。
pause	當(dāng)音頻/視頻已暫停時(shí)觸發(fā)。
play	當(dāng)音頻/視頻已開始或不再暫停時(shí)觸發(fā)。

三、修改視頻速度

3.1 獲取視頻播放對(duì)象

文字描述：

在瀏覽器中點(diǎn)擊鼠標(biāo)右鍵選中右鍵菜單中的檢查或者fn+F12打開瀏覽器控制面板

用控制面板左上角箭頭選中視頻區(qū)域

當(dāng)控制面板跳轉(zhuǎn)到頁面結(jié)構(gòu)代碼中，找到video標(biāo)簽

復(fù)制video標(biāo)簽中class名或id名

切換到控制臺(tái)輸入面板

輸入document.querySelector("類型標(biāo)識(shí).名稱")，如果是id類型標(biāo)識(shí)為#，class類型標(biāo)識(shí)為.

圖例：

3.2 根據(jù)視頻對(duì)象修改速度

document.querySelector(“.art-video”).playbackRate = 4;

將上面這行代碼輸入就可以啦！

3.3 修改不生效

根據(jù)上面修改后播放速度沒有更改，先檢查操作步驟對(duì)不對(duì)，操作步驟沒問題就是當(dāng)前頁面監(jiān)聽了視頻速度更改事件。

根據(jù)上面操作完后，再執(zhí)行上一步的修改速度。

四、其他操作

點(diǎn)擊暫停后切換播放視頻源：

總結(jié)

以上是生活随笔為你收集整理的浏览器中修改视频播放速度的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。