視訊播放器 video-player

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

主題：

建立對象：

undefined
undefined

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

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

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

.s7videoviewer .s7videoplayer

視訊播放器的CSS屬性

背景色彩

主檢視的背景顏色。

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

範例 — 將視訊播放器大小設定為512 x 288畫素的視訊檢視器設定為。

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

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

. s7videoviewer .s7 videoplayer .s7caption

隱藏式字幕的 CSS屬性

背景色彩

隱藏式字幕文字背景。

色彩

隱藏式字幕文字色彩。

字型粗細

隱藏式字幕字型粗細。

字型大小

隱藏式字幕字型大小。

字型系列

隱藏式字幕字型。

範例 — 若要在半透明的黑色背景上將隱藏式字幕文字設定為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屬性

說明

寬度

動畫圖示寬度。

高度

動畫圖示高度。

左邊界

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

上邊界

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

背景影像

旋鈕圖稿。

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

.s7videoviewer .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