视频元素

关于视频元素

与版本 6 不同，最新版本的编辑器结合了各种视频元素，例如 YouTube 以及 Vimeo的，变成一个 视频 元件。

通过此更新的功能，用户可以轻松地在各种页面类型上展示视频并对其进行自定义以快速吸引客户的注意力。

如何添加视频元素？

第三步： 打开 GemPages 编辑器 并选择要编辑的页面。在媒体部分下的左侧边栏中找到视频元素，或使用搜索栏快速访问。

第三步： 将元素拖放到您喜欢的任何位置。

单击视频元素时，其配置选项将出现在左侧边栏中。这些选项将在接下来的部分中解释。

配置设置选项卡

此 个人设置 选项卡可让您完全控制视频在页面上的显示和行为方式，包括：

视频源

• 类型：选择您的视频平台： YouTube, Vimeo的 或 视频托管 （将视频直接上传到 Shopify 或使用外部托管链接）。
• 视频链接：粘贴视频 URL 或托管链接。
• 缩图：上传在视频播放前显示的自定义预览图像（在禁用自动播放时特别有用）。
• 视频开始于：选择视频的起点。 
• 视频结束于：选择视频的结束点。

以下是分步指南 将您自己的视频上传到 Shopify 使用 Shopify CDN（内容分发网络）作为主机。

第四步： 访问 Shopify 管理员 > 内容 > 文件.

第四步：点击“上传文件”按钮。如果您尚未在此处上传任何文件，则“上传文件”按钮将出现在屏幕中间。

第四步：从您的设备选择要上传的文件。

第四步：上传完成后，点击 链 图标.

返回 GemPages 仪表板并将复制的链接粘贴到 Weblink 框中。

视频配置

控制视频在页面上加载时的行为：

• 控制条：启用或禁用视频播放器的控制（播放、暂停、进度条等）。
• 听起来：默认打开/关闭声音。
• 延迟加载：仅当视频在视口中时才加载视频以提高页面速度。
• 自动播放：页面加载时自动播放视频。
• 循环视频：连续循环播放视频。

注意：

• 启用延迟加载时，YouTube 视频将不会自动播放。
• 请注意，某些浏览器对自动播放有所限制。在这种情况下，您的视频将返回缩略图，需要观看者手动点击播放才能开始播放。
• 启用视频声音也可能会导致自动播放被禁用。

尺寸

外框： 选择视频宽高比，包括正方形、3:2、4:3、16:9 和 21:9。

形状

使用以下选项设置视频帧的样式：

• 边界： 在视频周围添加边框。设置 颜色, 厚度和 描边样式 （实线、虚线、点线）。
• 角： 通过调整 半径。您可以一次修改所有角，也可以单独修改。
• 阴影： 添加阴影效果以增加深度或焦点。配置：
  • 类型：内部、外部、居中、定向
  • 方向性：设置阴影的角度（例如45°）
  • 颜色, 距离, 模糊和 尺寸

配置高级选项卡

如需更多高级定制，请导航至 先进的 选项卡并按照 本文.

视频元素常见问题解答

如何在 GemPages 中添加 Vturb 视频

您可以使用以下方法将 Vturb 视频嵌入到 GemPages 中： 自定义代码 元件。

第一步：获取您的 Vturb 嵌入代码

• 去你的 Vturb仪表盘
• 选择您要使用的视频
• 点击 嵌入/分享
• 复制 完整嵌入代码

步骤二：在 GemPages 中添加自定义代码元素

• 打开您的页面 GemPages 编辑器
• 拖动 自定义代码 将元素融入您的布局

• 点击 HTML/Liquid 标签

步骤 3：粘贴嵌入代码

• 粘贴 完整的 Vturb 嵌入代码 输入到 HTML/Liquid 字段
• 点击 已保存 然后 发布

重要笔记：

• 始终使用 由您的 Vturb 帐户生成的嵌入代码
• 请勿重复使用或修改其他视频的 ID
• 确保视频是 已发表且活跃 在 Vturb 中