視訊播放器

視訊播放器是在檢視器中顯示視訊內容的矩形區域。

如果正在播放的視訊尺寸不符合視訊播放器的尺寸,則視訊內容會置於視訊播放器的矩形顯示區域內。

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

.s7interactivevideoviewer .s7videoplayer

視訊播放器的CSS屬性

背景色

主視圖的背景顏色。

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

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

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

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

隱藏字幕會放入視訊播放器內的內部容器中。 該容器的位置由支援的WebVTT定位運算子控制。 標題文字本身位於該容器內,其樣式由下列CSS類別選擇器控制:

.s7interactivevideoviewer .s7videoplayer .s7caption

隱藏字幕的CSS屬性

背景色

隱藏字幕文字背景。

color

關閉標題文字顏色。

字型粗細

隱藏字幕字型粗細。

字型大小

隱藏字幕字型大小。

font-family

隱藏字幕字型。

範例

要將隱藏字幕文本設定為半透明黑色背景上的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); 
}

本頁內容