在您的视频元素中添加圆形边框可以让您的设计看起来更时尚、更现代。 本指南将向您展示如何使用 GemPages 中的视频元素实现此效果。
如何为视频设置圆角边框
按照以下步骤在 GemPages v7 中为您的视频添加圆形边框。
步骤 1：访问 GemPages 编辑器
- 从 Shopify 管理员，转到 GemPages 构建器 应用> 前往.
- 单击要自定义视频角落的页面以打开编辑器。
- 如果您希望将圆形视频添加到新页面，请点击 建立新页面 按钮。
第 2 步：使用视频元素添加视频
进入编辑器后，在搜索栏中输入视频。然后，将视频元素从左侧边栏拖放到页面上的目标位置。
点击视频打开其设置。在 个人设置 选项卡，修改 视讯来源, 视频配置, 尺寸和 形状 为您的视频。
提示： 请参阅 本文 有关在 GemPages Editor v7 中自定义视频元素的更多说明。
步骤3：为视频设置圆角
向下滚动到 形状 下的部分 个人设置 标签。
点击“添加...” 角落 字段来打开角落设置。
在下面 半径 字段，单击 向下箭头 图标并选择 圆形 选项。半径将默认设置为 8。
- 如果您希望视频的角形状更圆润，请在框中输入一个确切的数字。
- 如果要为每个角设置不同的半径，请单击框旁边的图标以打开详细面板。
注意：
- 价值 0 = 尖角
- A 更高的价值 = 更圆润的角
附加样式选项
您可以通过将圆角与以下内容相结合来进一步设置视频元素的样式：
- 边境：添加自定义粗细和颜色的边框
- 阴影：应用外阴影来创建视觉深度
这些选项也可在 形状 部分。
常见问题
1. 我可以对每个角应用不同的角半径值吗？
目前，角半径会均匀应用于四个角。尚不支持为各个角指定自定义值。
2. 为什么实时取景时不显示圆角？
确保没有冲突的样式或父元素覆盖边框半径。另外，请仔细检查圆角半径是否设置为 0。
谢谢您的意见