視頻播放器

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

如果正在播放的視頻的尺寸與視頻播放器的尺寸不匹配,則視頻內容將居中在視頻播放器的矩形顯示區域內。

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

本頁內容