HTML5倍數功能視頻播放器(加速2倍，1.5倍播放)

倍數功能視頻播放器的應用：

培訓場景，教育教學場景下，可以倍速觀看視頻，比如1.5倍，2倍的速度觀看視頻，可以更快速的看完課程，節省時間。

var player = polyvPlayer({

wrap: '#player',

width: 800,

height: 533,

vid: 'e8888b74d1229efec6b4712e17cb6b7a_e',

});

參數類型默認值說明

wrapstring / HTMLElement-頁面上存在需要載入播放器的DOM元素或css選擇器

widthnumber / string100%播放器的寬度

heightnumber / stringauto播放器的高度

vidstring-從 polyv 后臺上傳的視頻會生成一個視頻唯一vid

loopbooleanfalse視頻播放結束后是否循環播放

autoplaybooleanfalse播放器加載后視頻是否自動播放

volumenumber0.75視頻默認音量大小，范圍 (0, 1)，播放器會記錄上一次播放的音量

flashbooleanfalse是否默認打開flash播放器

dfnumber-視頻默認清晰度，可設置為0、1、2、3，分別對應自動、流暢、高清、超清，設置該參數會覆蓋后臺的設置

hideRepeatbooleanfalse播放結束后是否顯示重播面板，可通過play.HTML5.changeRepeat改變

codestring-跑馬燈設置中自定義的code值

speedboolean/array[2, 1.5, 1.2, 0.5]設置為false則關閉倍速，可傳入數組自定義顯示哪幾種倍速，速率1不需要填入，會自動添加，所設置速率值必須大于0，少于或等于3，最多設置6種速率(不包含1)，所設置值會按由大到小自動排序

showHdbooleantrue是否顯示清晰度選擇

ignoreIEbooleanfalse設置該選項將會在ie瀏覽器中禁用HTML5播放器(edge瀏覽器除外，國內360，QQ等瀏覽器的兼容模式表現為ie瀏覽器，所以也會被禁用)

watchStartTimenumberundefined從第幾秒開始播放，需少于視頻時長

watchEndTimenumberundefined播放到第幾秒結束播放，需少于視頻時長，在該值到結束的進度條禁止點擊，如果設置值少入watchStartTime，則watchStartTime失效

skinLocationnumber1控制欄顯示在視頻區域內外或不顯示，可選0(不顯示)、1(視頻內)、2(視頻外)

ban_history_timestringoff是否禁止記住播放進度，下次打開會從上次進度打開(設置watchStartTime后還是會從watchStartTime處開始播放)，默認為off(不禁止)，on為禁止

hideSwitchPlayerbooleanfalse是否禁止顯示HTML5與flash播放器切換按鈕

priorityModestringvideo默認打開視頻模式還是音頻模式，需要該視頻有對應的音頻轉碼可選video/audio

audioModebooleantrue是否開啟音頻模式

videoModebooleantrue是否開啟視頻模式，設置為false后將會以音頻模式播放，無論是否有音頻轉碼

screenshotbooleanfalse是否開啟視頻截圖功能

ban_seek_by_limit_timestringon是否禁止視頻拖拽為播放區域

ban_seekstringoff設置為 on 播放器將會徹底禁止拖拽

loading_bg_imgstring-視頻默認封面圖

ban_record_interaction_right_answerstringoff設置為 on 問答回答正確不會記錄，每次刷新播放都需重新回答

?

?

?

總結

以上是生活随笔為你收集整理的html原生音频播放器倍速,HTML5倍数功能视频播放器（加速2倍，1.5倍播放）的全部內容，希望文章能夠幫你解決所遇到的問題。

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