如何向区块添加媒体

您可以在大多数区块中将图片视频设为自定义背景,也可以将其添加到区块内的各个组件中。

如何向区块添加图片

要将图片设置为自定义背景或将图片添加到区块组件中:

  1. 在发布商帐户中打开您的项目,然后前往Storefronts > Websites部分。
  2. 在目标站点的窗格中,点击Open Site Builder
  1. 在区块设置中,启用相应的开关(例如,Custom backgroundGame icon),然后点击开关下方的预览区域。
  1. 点击Media
  1. 在打开的模态窗口中,通过以下任一方式上传图片:
    1. All assetsImages选项卡中拖放图片,上传完成后点击该图片。
    2. 点击Add new asset,在下拉列表中选择From device,然后上传所需的图片。
注:
  • 最大图片大小:10 MB。
  • 支持的格式:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • 区块自定义背景的推荐图片宽度为1920 px。请在向区块添加所需内容后确定合适的图片比例。其他类型图片的推荐尺寸请参见区块描述
  1. 配置图片样式:
注:
可用设置取决于您添加媒体的组件。
    1. 选择图片放置方式:
      • Contain — 图片在保持比例的同时铺满整个区块。如果图片与区块的比例不同,部分图片可能会被裁剪。
      • Cover(默认)— 图片保持纵横比,并适应区块高度。
      • Fill(推荐用于自定义背景)— 图片铺满区块宽度;如果超出区块高度,顶部和底部可能会被裁剪。
注:
自定义背景没有固定的宽度或高度,其尺寸会随区块大小动态调整。区块大小则会根据内容(例如文本字数、是否包含按钮)以及设备屏幕分辨率发生变化。
      • Fit — 图片拉伸至区块大小,不保持比例。
    1. 选择图片显示位置(可选):
      • Top left
      • Top center
      • Top right
      • Left
      • Center(默认)
      • Right
      • Bottom left
      • Bottom center
      • Bottom right
注:
如果视频已在某一方向铺满容器(例如在Fit模式下高度已铺满),则偏移仅会在另一轴上生效,因此只剩三个选项(左、中或右)。
    1. 调整图片的色调和渐变(可选)。
  1. 发布网站

如何向区块添加视频

要将视频设置为自定义背景或将视频添加到区块组件中:

  1. 在发布商帐户中打开您的项目,然后前往Storefronts > Websites部分。
  2. 在目标站点的窗格中,点击Open Site Builder
  1. 在区块设置中,启用相应的开关(例如,Custom backgroundGame icon),然后点击开关下方的预览区域。
  1. 点击Media
  1. 在打开的模态窗口中,通过以下任一方式上传视频:
    1. All assetsVideo选项卡中拖放视频,上传完成后点击该视频。
    2. 点击Add new asset,并从下拉列表中选择视频上传方式:
      • From device — 选择设备上的视频文件。
      • From YouTube — 输入YouTube视频的URL。
注:
  • 从设备上传的单个视频最大为10MB。
  • 支持的格式:ICO、PNG、GIF、JPG、JPEG、WEBP、BMP、TIFF、TIF、SVG。
  • Call-to-actionPromotional sliderSubscriptions区块中不支持将视频添加为自定义背景。
  • 区块自定义背景的推荐视频宽度为1920 px。请在向区块添加所需内容后确定合适的比例。其他类型媒体的推荐尺寸请参见区块描述
  1. 配置视频样式:
注:
可用设置取决于您添加媒体的元素。
    1. 选择视频放置方式(仅适用于从设备上传的视频):
      • Contain — 视频在保持比例的同时铺满整个区块。如果视频与区块的比例不同,部分画面可能会被裁剪。
      • Cover(默认)— 视频保持纵横比,并适应区块高度。
      • Fill(推荐用于自定义背景)— 视频铺满区块宽度;如果超出区块高度,顶部和底部可能会被裁剪。
注:
自定义背景没有固定的宽度或高度,其尺寸会随区块大小动态调整。区块大小则会根据内容(例如文本字数、是否包含按钮)以及设备屏幕分辨率发生变化。
      • Fit — 视频拉伸至区块大小,不保持比例。
    1. 设置视频播放方式(可选,不适用于自定义背景)。可用设置如下:
      • Mute video
      • Loop video
      • Autoplay video
      • Cover image — 在视频开始播放前,或视频暂时无法向用户显示时展示的图片。此设置仅适用于从设备上传的视频。
注:
您不能同时开启视频声音和自动播放。如果启用Autoplay video开关,Mute video开关也会同时启用。
    1. 调整视频的色调和渐变(可选)。
  1. 发布网站
本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。
上次更新时间: 2026年6月4日

发现了错别字或其他内容错误? 请选择文本,然后按Ctrl+Enter。

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!
无法发送您的反馈
请稍后重试或发送邮件至doc_feedback@xsolla.com与我们联系。