# 视频横幅

视频横幅板块用于在页面上展示视频内容，并提供多个自定义选项以控制视频的显示方式和外观。此功能适用于希望在页面中添加视频元素的商店，有助于增强页面的动态视觉效果。

### **配置选项**

1. **启用全宽：**
   * **用途**：选择此选项后，视频横幅将在页面上以全宽显示，覆盖整个屏幕宽度。
   * **注意**：全宽显示适合需要突出展示视频内容的页面布局。
2. **视频设置：**
   * **视频**：
     * **选择视频**：点击按钮选择要展示的视频文件，从您的媒体库中进行选择。
   * **启用视频控件**：
     * **用途**：选择此选项以在视频播放器中显示播放控件（播放/暂停按钮、音量控制等），便于用户操作。
   * **启用视频自动加载**：
     * **用途**：选择此选项后，视频将在页面加载时自动缓冲并准备播放。
     * **建议**：如果视频位于首屏主要区域，建议禁用此选项以提高SEO得分。
   * **启用视频循环播放**：
     * **用途**：选择此选项后，视频播放结束后会自动重新播放，适合展示持续播放的内容。
3. **封面图像：**
   * **选择封面图像**：点击按钮上传或选择一张封面图像。当视频未播放时，封面图像将显示在视频位置。
   * **用途**：封面图像帮助在视频加载前提供视觉内容，保持页面整洁美观。
4. **视频高度：**
   * **自适应**：根据内容自动调整视频的高度。
   * **小**：视频高度较小，适合在页面中嵌入小型视频内容。
   * **中**：标准视频高度，适合大多数场景。
   * **大**：较大的视频高度，适合需要强调的视频内容。
5. **内容设置：**
   * **配色方案**：选择视频横幅内容的配色方案，确保与页面的整体风格一致。
   * **标题**：为视频横幅设置一个主要标题，如“产品展示”。
   * **标题大小**：选择标题的字体大小，可选小、中、大。
   * **标题大写**：勾选此选项后，标题将以全大写字母显示，增加视觉冲击力。
   * **描述**：输入对视频内容的描述，提供更多背景信息。
6. **移动端设置：**
   * **移动端封面图像**：为移动设备设置单独的封面图像，确保视频在移动设备上也有最佳的展示效果。
7. **SEO优化：**
   * **作为首屏主要区域**：
     * **用途**：启用此选项后，视频横幅将被视为页面的主要内容区域，有助于提升页面的SEO得分。

### **使用注意事项**

1. **测试视频加载**：在发布前，请确保视频在页面加载时能正常播放，且各项设置生效。
2. **配色协调性**：选择配色方案时，请确保视频背景和文本内容之间的对比度适当，保证用户的阅读体验。
3. **SEO优化**：如果视频位于首屏，建议禁用自动播放选项，以避免影响页面加载速度。

### **常见问题**

1. **视频不播放或加载缓慢**：请检查视频文件的大小和格式，并确保已启用适当的视频设置。
2. **封面图像显示不当**：尝试调整封面图像的尺寸或使用不同的图片文件，以确保最佳显示效果。
3. **文本对齐不正确**：在内容设置中检查文本对齐选项，确保选择了合适的文本对齐方式。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/sections/shi-pin-heng-fu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.