要使用自定義外觀,必須編寫類似於default-video-controls.css的自定義項,並在播放器中引用此新自定義項。
例如,可以使用以下選項之一:
<link rel="stylesheet" href="css/common_style.css">
<link rel="stylesheet" href="css/custom-video-controls1.css">
可以進行以下類型的更改:
按鈕和文本的前景色
具有前景的所有控制項都使用 vid-skin-fgcolor
類。 要更改所有控制項的前景,請使用 vid-skin-fgcolor
類並指定所需顏色。
按鈕和文本的背景顏色
具有前景的所有控制項都使用 vid-skin-bgcolor
類。 要更改所有控制項的前景,請循環訪問所有元素 vid-skin-bgcolor
類並指定所需顏色。
遊戲頭的形狀
播放頭可以是方形的或圓形的。 要更改播放頭,請添加 square
或 round
類 playhead
的子菜單。
緩衝旋壓器的樣式
所述參考播放器提供以下旋轉器樣式,可以作為播放器緩衝內容顯示:
覆蓋文本( overlay-text
)
矩形旋轉器( spinner
)
信號( signal
)
竪條( vertical
)
要使用任何緩衝旋轉器,必須在buffering-overlay元素中添加類。 例如,要使用 overlay-text
,在 BufferOverlay.js
檔案:
var overlay = document.getElementById("buffering-overlay");
overlay.classList.add ("spinner");