如何向区块添加媒体

注:
该翻译由AI生成,请谨慎判断其准确性。

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

如何向区块添加图片

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

  1. 在发布商帐户中打开您的项目,并进入Storefronts > Websites部分。
  2. 在所需站点的面板中,点击Open Site Builder
  1. 在区块设置中,激活相应的开关(例如,Custom background, Game 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像素。在将必要内容添加到区块后确定合适的图片比例。其他图片类型的推荐尺寸在区块描述中提供。
  1. 配置图片样式:
注:
设置取决于您添加媒体的组件。
  1. 选择图片放置方式:
    • Contain — 图片填满整个区块,同时保持比例。如果图片和区块的比例不同,部分图片可能会被裁剪。
    • Cover(默认)— 图片保持其纵横比并适应区块高度。
    • Fill(推荐用于自定义背景)— 图片填满区块宽度,如果超过区块高度,可能会在顶部和底部被裁剪。
注:
自定义背景没有固定的宽度或高度,其尺寸会根据区块大小动态调整。区块大小会根据内容(例如,添加的文本量,按钮的有无)和设备的屏幕分辨率而变化。
    • Fit — 图片拉伸至区块大小,不保持比例。
  1. 选择图片位置(可选):
    • Top left
    • Top center
    • Top right
    • Left
    • Center(默认)
    • Right
    • Bottom left
    • Bottom center
    • Bottom right
注:
如果视频已经填满容器的一侧(例如,在Fit模式下按高度),偏移仅在另一轴上有效——留下三个选项(左、中或右)。
  1. 调整图片的色调和渐变(可选)。
  2. 发布站点

如何向区块添加视频

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

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

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

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