视频播放器 video-player

视频播放器是视频内容在查看器中显示的矩形区域。

如果正在播放的视频的尺寸与视频播放器的尺寸不匹配,则视频内容将在视频播放器的矩形显示区域中居中。

以下CSS类选择器控制视频播放器的外观:

.s7interactivevideoviewer .s7videoplayer

视频播放器的CSS属性

background-color
主视图的背景颜色。

您可以将系统无法播放视频时显示的错误消息本地化。

参见 用户界面元素的本地化.

示例 — 将视频播放器大小设置为512 x 288像素的视频查看器。

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

隐藏式字幕被放入视频播放器内的内部容器中。 该容器的位置由支持的WebVTT定位运算符控制。 题注文本本身位于该容器内,其样式由以下CSS类选择器控制:

.s7interactivevideoviewer .s7videoplayer .s7caption

隐藏式字幕的CSS属性

background-color
隐藏式字幕文本背景。
color
隐藏式字幕文本颜色。
font-weight
隐藏式字幕字体粗细。
font-size
隐藏式字幕字体大小。
font-family
隐藏式字幕字体。

示例 section-5b82913ff3c44b7b8187969cb15e9560

要将隐藏式字幕文本设置为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
动画图标高度。
左边距
动画图标左边距,通常减去图标宽度的一半。
上边距
动画图标上边距,通常减去图标高度的一半。
background-image
旋钮图稿。

示例 — 要将缓冲动画设置为宽101像素、高29像素:

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