視頻播放器是在觀看者內顯示視頻內容的矩形區域。
如果正在播放的視頻的尺寸與視頻播放器的尺寸不匹配,則視頻內容將居中在視頻播放器的矩形顯示區域內。
以下CSS類選擇器控制視頻播放器的外觀:
.s7videoviewer .s7videoplayer
視頻播放器的CSS屬性
背景色 |
主視圖的背景顏色。 |
如果系統無法播放視頻,則顯示的錯誤消息可能會本地化。 請參閱 用戶介面元素的本地化 的子菜單。
示例 — 將視頻播放器大小設定為512 x 288像素設定視頻查看器。
.s7videoviewer .s7videoplayer{
background-color: transparent;
}
隱藏字幕被放入視頻播放器內部的容器中。 該容器的位置由支援的WebVTT定位操作員控制。 標題文本本身位於該容器內,其樣式由以下CSS類選擇器控制:
. s7videoviewer .s7 videoplayer .s7caption
隱藏字幕的CSS屬性
背景色 |
隱藏字幕文本背景。 |
color |
關閉標題文本顏色。 |
字型粗細 |
隱藏字幕字型粗細。 |
字型大小 |
隱藏標題字型大小。 |
字型系列 |
隱藏標題字型。 |
示例 — 要在半透明黑色背景上將隱藏字幕文本設定為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);
}