一、前言

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

二、知識點介紹

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

2.1 音頻方法

方法描述

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

2.2 音頻屬性

屬性描述

currentSrc	返回當前音頻/視頻的 URL。
currentTime	設置或返回音頻/視頻中的當前播放位置（以秒計）。
defaultMuted	設置或返回音頻/視頻默認是否靜音。
defaultPlaybackRate	設置或返回音頻/視頻的默認播放速度。
duration	返回當前音頻/視頻的長度（以秒計）。
ended	返回音頻/視頻的播放是否已結束。
loop	設置或返回音頻/視頻是否應在結束時重新播放。
muted	設置或返回音頻/視頻是否靜音。
networkState	返回音頻/視頻的當前網絡狀態。
paused	設置或返回音頻/視頻是否暫停。
playbackRate	設置或返回音頻/視頻播放的速度。
src	設置或返回音頻/視頻元素的當前來源。
volume	設置或返回音頻/視頻的音量。

2.3 音頻事件

事件描述

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

三、修改視頻速度

3.1 獲取視頻播放對象

文字描述：

在瀏覽器中點擊鼠標右鍵選中右鍵菜單中的檢查或者fn+F12打開瀏覽器控制面板

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

當控制面板跳轉到頁面結構代碼中，找到video標簽

復制video標簽中class名或id名

切換到控制臺輸入面板

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

圖例：

3.2 根據視頻對象修改速度

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

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

3.3 修改不生效

根據上面修改后播放速度沒有更改，先檢查操作步驟對不對，操作步驟沒問題就是當前頁面監聽了視頻速度更改事件。

根據上面操作完后，再執行上一步的修改速度。

四、其他操作

點擊暫停后切換播放視頻源：

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。