可變音量

最後更新： 2024年7月22日
  • 主題：

建立對象：

  • 開發人員
  • 使用者

可靜音的音量控制一開始會顯示為一個按鈕，讓使用者將視訊播放器聲音設為靜音或取消靜音。

當使用者滑過按鈕時，會出現一個滑桿，讓使用者設定音量。 可變動的音量控制項可以由CSS相對於包含它的控制列來調整大小、外觀和定位。

可變磁碟區區域的外觀是由下列CSS類別選取器所控制：

.s7videoviewer .s7mutablevolume

可變磁碟區的​ CSS屬性

前上邊框的位置，包括邊框間距。
右從右邊框定位，包括內距。
寬度可變音量控制的寬度。
高度可變音量控制項的高度。
背景色彩可變音量控制的色彩。

靜音/取消靜音按鈕外觀由以下CSS類別選取器控制：

.s7videoviewer .s7mutablevolume .s7mutebutton

您可以控制每個按鈕狀態的背景影像。 按鈕的大小繼承自磁碟區控制項的大小。

按鈕影像的​ CSS屬性

背景影像針對指定按鈕狀態顯示的影像。
背景位置

若使用CSS拼寫，則定位在圖稿sprite內。

請參閱 CSS Sprite。

NOTE
此按鈕同時支援state和selected屬性選取器，它們可用來將不同的外觀元素套用至不同的按鈕狀態。 尤其是，selected='true'對應至「靜音」狀態，selected='false'對應至「非靜音」狀態。

垂直音量列區域是由下列CSS類別選取器所控制：

.s7videoviewer .s7mutablevolume .s7verticalvolume

垂直磁碟區列區域的​ CSS屬性

背景色彩垂直體積塊的背景顏色。
寬度垂直體積塊的寬度。
高度垂直體積塊的高度。

垂直音量控制內的音軌是由下列CSS類別選取器所控制：

.s7videoviewer .s7mutablevolume .s7verticalvolume .s7track
.s7videoviewer .s7mutablevolume .s7verticalvolume .s7filledtrack

垂直音量控制項的​ CSS屬性

背景色彩垂直音量控制的背景色彩。
寬度垂直音量控制項的寬度。
高度垂直音量控制項的高度。

垂直音量旋鈕由下列CSS類別選取器控制：

.s7videoviewer .s7mutablevolume .s7verticalvolume .s7knob

垂直音量控制旋鈕的​ CSS屬性

背景影像垂直音量控制旋鈕圖稿。
背景位置

若使用CSS拼寫，則定位在圖稿sprite內。

請參閱 CSS Sprite。

寬度垂直音量控制旋鈕的寬度。
高度垂直音量控制旋鈕的高度。
已離開垂直音量控制旋鈕的水平位置。

按鈕工具提示可以本地化。 如需詳細資訊，請參閱使用者介面元素的本地化。