視訊播放器是在檢視器中顯示視訊內容的矩形區域。
如果正在播放的視訊尺寸不符合視訊播放器的尺寸,則視訊內容會置於視訊播放器的矩形顯示區域內。
下列CSS類別選擇器會控制視訊播放器的外觀:
.s7videoviewer .s7videoplayer
視訊播放器的CSS屬性
背景色 |
主視圖的背景顏色。 |
如果系統無法播放視訊,會顯示的錯誤訊息可以本地化。 如需詳細資訊,請參閱使用者介面元素的本地化。
範例——若要設定視訊播放器大小設定為512 x 288像素的視訊檢視器。
.s7videoviewer .s7videoplayer{
background-color: transparent;
}
隱藏字幕會放入視訊播放器內的內部容器中。 該容器的位置由支援的WebVTT定位運算子控制。 標題文字本身位於該容器內,其樣式由下列CSS類別選擇器控制:
. s7videoviewer .s7 videoplayer .s7caption
隱藏字幕的CSS屬性
背景色 |
隱藏字幕文字背景。 |
color |
關閉標題文字顏色。 |
字型粗細 |
隱藏字幕字型粗細。 |
字型大小 |
隱藏字幕字型大小。 |
font-family |
隱藏字幕字型。 |
示例——要將隱藏字幕文本設定為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屬性
CSS屬性 |
說明 |
---|---|
width |
動畫圖示寬度。 |
height |
動畫圖示高度。 |
左邊距 |
動畫圖示的左邊距,通常為圖示寬度的一半。 |
邊距頂端 |
動畫圖示的上邊界,通常為圖示高度的一半。 |
背景影像 |
旋鈕圖稿。 |
示例——要將緩衝動畫設定為寬101像素、高29像素:
.s7videoviewer .s7videoplayer .s7waiticon {
width: 101px;
height: 29px;
margin-left: -50px;
margin-top: -15px;
background-image: url(images/sdk/busyicon.gif);
}