視訊播放器

視訊播放器是觀看者中顯示視訊內容的矩形區域。

如果正在播放的視訊的維度與視訊播放器的維度不符,視訊內容會置於視訊播放器的矩形顯示區域中。

下列CSS類別選取器會控制視訊播放器的外觀:

.s7interactivevideoviewer .s7videoplayer

視訊播放器的CSS屬性

背景顏色

主檢視的背景顏色。

您可以將系統無法播放視訊時顯示的錯誤訊息當地化。

請參閱使用者介面元素的本地化

範例:若要設定視訊播放器大小設為512 x 288像素的視訊檢視器。

.s7interactivevideoviewer .s7videoplayer{
background-color: transparent;
}

隱藏式字幕會放入視訊播放器內的內部容器中。 該容器的位置由支援的WebVTT定位操作器控制。 註解文字本身位於該容器內,其樣式由下列CSS類別選取器控制:

.s7interactivevideoviewer .s7videoplayer .s7caption

隱藏式字幕的CSS屬性

背景顏色

隱藏式字幕文本背景。

color

隱藏式字幕文本顏色。

字型粗細

隱藏式字幕字型寬度。

字型大小

隱藏式字幕字型大小。

字型系列

隱藏式字幕字型。

範例

要將隱藏式字幕文本設定為14像素、淺灰色、Arial®,在半透明黑色背景上:

.s7interactivevideoviewer .s7videoplayer .s7caption {
 background-color: rgba(0,0,0,0.75);
 color: #e6e6e6;
 font-weight: normal;
 font-size: 14px;
 font-family: Arial,Helvetica,sans-serif;
}

緩衝動畫的外觀由以下CSS類選擇器控制:

.s7interactivevideoviewer .s7videoplayer .s7waiticon

等待表徵圖的CSS屬性

CSS屬性

說明

width

動畫表徵圖寬度。

height

動畫表徵圖高度。

左邊距

動畫表徵圖左邊距,通常為表徵圖寬度的一半減去。

邊距上

動畫表徵圖的頂邊,通常為表徵圖高度的一半減去。

背景 — 影像

旋鈕圖稿。

範例:若要將緩衝動畫設定為101像素寬、29像素高:

.s7interactivevideoviewer .s7videoplayer .s7waiticon {
 width: 101px;
 height: 29px;
 margin-left: -50px;
 margin-top: -15px;
 background-image: url(images/sdk/busyicon.gif);
}

本頁內容