若要使用自訂外觀元素,您必須撰寫類似於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
)
若要使用任何緩衝旋轉器,您必須在緩衝覆蓋元素中新增類別。 例如,若要使用 overlay-text
,在中新增下列行 BufferOverlay.js
檔案:
var overlay = document.getElementById("buffering-overlay");
overlay.classList.add ("spinner");