視訊播放器

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

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

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

.s7videoviewer .s7videoplayer

視訊播放器的CSS屬性

如果系統無法播放視訊，則顯示的錯誤訊息可本地化。 如需詳細資訊，請參閱使用者介面元素本地化 。

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

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

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

. s7videoviewer .s7 videoplayer .s7caption

隱藏式字幕的CSS屬性

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

.s7videoviewer .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類選擇器控制：

.s7videoviewer .s7videoplayer .s7waiticon

等待表徵圖的CSS屬性

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

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