視訊播放器是觀看者中顯示視訊內容的矩形區域。
如果正在播放的視訊的維度與視訊播放器的維度不符,視訊內容會置於視訊播放器的矩形顯示區域中。
下列CSS類別選取器會控制視訊播放器的外觀:
.s7interactivevideoviewer .s7videoplayer
視訊播放器的CSS屬性
背景顏色 |
主檢視的背景顏色。 |
您可以將系統無法播放視訊時顯示的錯誤訊息當地化。
請參閱使用者介面元素的本地化。
範例:若要設定視訊播放器大小設為512 x 288像素的視訊檢視器。
.s7interactivevideoviewer .s7videoplayer{
background-color: transparent;
}
隱藏式字幕會放入視訊播放器內的內部容器中。 該容器的位置由支援的WebVTT定位操作器控制。 註解文字本身位於該容器內,其樣式由下列CSS類別選取器控制:
.s7interactivevideoviewer .s7videoplayer .s7caption
隱藏式字幕的CSS屬性
背景顏色 |
隱藏式字幕文本背景。 |
color |
隱藏式字幕文本顏色。 |
字型粗細 |
隱藏式字幕字型寬度。 |
字型大小 |
隱藏式字幕字型大小。 |
字型系列 |
隱藏式字幕字型。 |
要將隱藏式字幕文本設定為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);
}