視訊播放器

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

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

下列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); 
}

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now