在您的页面上嵌入自定义视频

除了整合 YouTube 和 Vimeo 内容之外，GemPages 还允许您使用自定义代码添加来自其他托管服务的媒体。

将视频上传到托管服务器

在这种情况下，我们将使用 Shopify CDN（内容分发网络）作为主机。

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

第四步：点击“上传文件”按钮在右上角。 

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

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

将视频嵌入到您的页面

从此时开始，步骤可能会根据具体版本而有所不同 GemPages 编辑器 您正在使用。请找到与您的版本相对应的说明，并相应地执行以下步骤。

版本 6

第四步： 在里面 GemPages 仪表板，点击您选择的页面并进入 编辑：.

第四步：搜索 Liquid 元素并将其拖放到您的页面上。

第四步：右键单击 Liquid 元素并选择“编辑代码“。

第四步：选择一个选项，将代码复制并粘贴到代码编辑器窗口中。

使用导航控件自动播放：

<video poster="" loop="" muted="" playsinline="" controls="" autoplay="" src="ABCDEF" width="100%"></video>

无需导航控件即可自动播放：

<video poster="" loop="" muted="" playsinline="" autoplay="" src="ABCDEF" width="100%"></video>

无自动播放、无循环，且具有导航控制：

<video poster="YYYYY" controls="" playsinline="" src="ABCDEF" width="100%"></video>

替换 ABCDEF 使用您从托管服务器复制的 URL。

对于第三个选项，由于文件不会自动播放，您可以为其设置缩略图。为此，请替换 YYYYYY 使用您的图片的 URL。

第四步： 打 ”已保存”并退出代码编辑器。

第四步： 打 ”已保存“和”发布。

版本 7

第四步： 来自 GemPages 仪表板 > 前往，找到目标页面打开编辑器。

第四步：输入 自定义代码 在左侧边栏的搜索栏中，然后将其拖放到您喜欢的位置。 

第四步：找到元素以显示 个人设置 选项卡。从这里，在 自定义代码 部分中，单击添加代码以打开代码面板。

第三步： 在代码面板中，将以下代码粘贴到 HTML/Liquid 标签。

• 使用导航控件自动播放：

<video poster="" loop="" muted="" playsinline="" controls="" autoplay="" src="ABCDEF" width="100%"></video>

• 无需导航控件即可自动播放：

<video poster="" loop="" muted="" playsinline="" autoplay="" src="ABCDEF" width="100%"></video>

• 无自动播放、无循环，并带有导航控件：

<video poster="YYYYY" controls="" playsinline="" src="ABCDEF" width="100%"></video>

替换 ABCDEF 使用您从托管服务器复制的 URL。

对于第三个选项，由于文件不会自动播放，您可以为其设置缩略图。为此，请替换 YYYYYY 使用您的图片的 URL。

第四步：完成后，点击 已保存 按钮保存更改并关闭代码面板。

第三步： 保存并重新发布您的页面以使您的更改在店面中生效。

您可以找到更多帮助您掌握 GemPages 的指南 开始.