---
uuid: "31a7ed71-7b6c-499b-a375-7c12aa5d14f6"
type: "reference"
title: "背景设置效果"
sidebar_position: 2
description: "草料活码编辑器支持背景图、背景色、视频背景、动态背景四种方案，涵盖每种方案的展示位置、适用场景和限制说明，包括视频背景不支持播放声音等注意事项。"
keywords:
  - 二维码背景设置
  - 草料二维码视频背景
  - 动态背景设置
  - 扫码页背景方案
  - 活码背景颜色
cl_old_blog_id: "89411"
cl_old_blog_url: "https://cli.im/help/89411"
last_update:
  date: "2026-04-10"
---

草料二维码编辑器支持四种背景设置方式，在编辑页面点击「背景设置」即可开始配置。

![背景设置入口](https://blogcdnimg.clewm.net/2025/12/image-1765857200568_17658572009325.png)

## 一、背景图

草料提供横版和竖版行业图库供快速选择，也支持本地上传图片。还可以为背景图设置图片动效，实现动态效果。

### 竖屏图片

- **展示位置**：顶部展示部分图像，主体在正文内容背后展示
- **适用场景**：招聘通知、会议邀请函、文件类二维码（技术交底、活动介绍）、旅游宣传（上传景点图）
- 可选择应用位置「头部+正文」，让竖屏图完整呈现，营造更强氛围感

![竖屏背景图效果](https://blogcdnimg.clewm.net/2025/12/image-1765862825321_17658628259113.png)

### 横屏图片

- **展示位置**：完整显示在二维码头部，60% 不透明度，内容清晰不遮挡标题
- **适用场景**：产品介绍页面（上传品牌产品图）、企业到访登记（上传企业形象图）、安全巡检（上传宣传标语或环境图）
- 可选择应用位置「头部+正文」，让页面色调更统一

![横屏背景图效果](https://blogcdnimg.clewm.net/2025/12/image-1765863048978_17658630498368.png)

## 二、背景色

设置纯色或渐变色背景，适合没有图片素材时打造简洁风格的页面。选择应用位置「头部+正文」可以让整个页面色调统一、层次分明。

## 三、视频背景

上传视频作为页面背景，扫码后自动循环播放，首屏即传递品牌形象。适合产品展示、活动报名、业务介绍等场景。

- 扫码后自动循环播放，无需点击
- 相比静态图片，动态视频更能延长用户停留时间
- 支持免费试用 24 小时，到期后自动定格为首帧静态图，不影响二维码正常使用
- 基础版起可正式使用视频背景功能

![视频背景效果](https://blogcdnimg.clewm.net/2025/12/image-1765863154032_17658631548793.png)

## 四、动态背景

选择系统主题色或自定义颜色，打造色彩流动感的视觉效果。适合智能设备说明页、活动推广页、品牌展示页等需要科技感的场景。

- 支持免费试用 24 小时，到期后自动定格为主题色静态图，不影响二维码正常使用
- 基础版起可正式使用动态背景

![动态背景效果](https://blogcdnimg.clewm.net/2025/12/image-1765863273326_17658632737405.png)

## 五、使用限制

**视频背景不支持播放声音。** 如果你需要扫码者观看带声音的完整视频（如宣传片讲解、操作教学），不要将视频设置为背景。

> **建议**：在编辑器正文中使用「音视频」组件上传视频。用户点击后可正常播放声音，并支持全屏观看。

> **注**：正文中「音视频」组件上传的内容不会扫码后自动播放，需要点击后才会播放。