視訊播放器 video-player

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

建立對象：

開發人員
使用者

視訊播放器是視訊內容顯示在檢視器中的矩形區域。

如果正在播放的視訊尺寸不符合視訊播放器的尺寸，則視訊內容會在視訊播放器的矩形顯示區域中置中。

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

.s7mixedmediaviewer .s7videoplayer

視訊播放器的CSS屬性

背景色彩

視訊播放器的背景色彩。

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

範例 — 若要讓視訊播放器透明：

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

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

.s7mixedmediaviewer .s7videoplayer .s7caption

註解的CSS屬性

CSS屬性

說明

背景色彩

註解文字背景。

色彩

註解文字色彩。

字型粗細

字型粗細。

字型大小

字型大小。

字型系列

字型系列。

範例 — 若要將註解文字設定為14畫素淺灰色Arial®，在半透明的黑色背景上：

.s7mixedmediaviewer .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類別選取器來控制緩衝動畫的外觀：

.s7mixedmediaviewer .s7videoplayer .s7waiticon

等待圖示的CSS屬性

CSS屬性

說明

寬度

動畫圖示寬度。

高度

動畫圖示高度。

左邊界

動畫圖示左邊界，通常減掉圖示寬度的一半。

上邊界

動畫圖示上方邊界，通常減去圖示高度的一半。

背景影像

旋鈕圖稿。

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

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

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8