> For the complete documentation index, see [llms.txt](https://ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ascent.webvista.studio/webvista-studio-docs/sections/shi-pin-heng-fu.md).

# 视频横幅

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

### **配置选项**

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

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

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

### **常见问题**

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