行动动员

最近更新： 2024年7月20日
  • 主题：

创建对象：

  • 开发人员
  • 用户

视频结束时，会显示行动号召面板，并显示与特定视频关联的所有交互式色板。

该面板由显示视频标题的标题区域、右上角的重播按钮以及显示为可滚动网格的实际交互式样本组成。 您可以使用callToActionRecap配置属性禁用面板。

行动号召面板始终采用整个可用查看器区域。

以下CSS类选择器控制行动号召面板中背景颜色的外观：

.s7interactivevideoviewer .s7calltoaction

行动号召面板的背景颜色的CSS属性

背景色行动号召面板的背景颜色。

示例

要设置具有深灰色背景的行动号召面板，请执行以下操作：

.s7interactivevideoviewer .s7calltoaction {
    background-color: #222222;
}

以下CSS类选择器控制行动号召面板中标头的外观：

.s7interactivevideoviewer .s7calltoaction .s7header

行动号召面板标题的CSS属性

背景色标题的背景颜色。
高度页眉的高度。
下边框页眉的下边框。

示例

要设置一个高度为70像素的标题，该标题具有深灰色背景，底部有两个像素边框略浅灰色：

.s7interactivevideoviewer .s7calltoaction .s7header {
    height: 70px;
    border-bottom: 2px solid #444444;
    background-color: #222222;
}

以下CSS类选择器控制行动号召面板中标题标题的外观：

.s7interactivevideoviewer .s7calltoaction .s7header .s7title

行动号召面板中标题标题的CSS属性：

颜色横幅中的文本颜色。
字体大小字体大小。
行高行高。
字体系列字体系列。
文本对齐横幅中文本的对齐方式。
左内边距左侧填充。
填充右侧右内边距，为“重放”按钮留出空间。