添加本地视频.

学习 DXPR Builder搭建页面添加内容文本与媒体

您可以从自己的媒体库获取视频文件,由浏览器播放,无需 YouTube 或 Vimeo 嵌入。适用于产品演示、短循环,或屏蔽外部播放器的站点。

本地视频元素正在播放三秒测试片段,已启用自动播放、控件和循环

添加本地视频

登录后打开您的页面:将鼠标悬停在内容区上即会出现构建器控件。您的第一页介绍基础操作。

  1. 将鼠标悬停在列上,点击其控制栏中的 +,或在空页面上点击 Add Elements。打开 Content 选项卡,点击 Local video。它落在列的顶部,其设置对话框随即打开。
  2. 在 Video 下点击 Select video,在媒体浏览器中选择一个文件。
  3. 选择是否使用 Start playing automatically。默认关闭。此处为开启,这也会将片段静音。
  4. 选择是否显示 Controls。默认关闭。此处为开启,用于播放、暂停和音量。
  5. 选择是否 Loop 该片段。默认关闭。此处为开启,因此片段会重复。
  6. 点击对话框中的 Save。然后点击内容区顶部工具栏中的 Save,保存页面。

您会看到的内容

您的片段在列中全宽播放。在视频中,它自动开始播放且无声,显示浏览器的控件,结束后重复。自动播放已在编辑器中运行,但请在已保存的页面上再次检查。保存页面并发布后,访问者即可看到。

设置本地视频

将鼠标悬停在元素上,在其控制栏中打开 More > Settings。选项:

  • Video:要播放的文件:MP4、WEBM、OGG 或 OGV。该字段显示您站点接受的最大文件。点击 Select video 选择一个。在没有媒体浏览器的站点上,同一按钮会从您的计算机上传文件。
  • Start playing automatically:页面加载后立即播放视频。它还会静音,因为浏览器会阻止带声音的自动播放。
  • Muted:无声播放视频。仅在 Start playing automatically 关闭时出现,因为自动播放总是静音。
  • Controls:显示浏览器的播放、暂停、音量和进度控件。
  • Loop:视频结束后重新开始。
  • Video width:CSS 宽度,例如 100% 或 800px。默认为 100%。
  • Image:视频开始前显示的封面图像。

如果您没有看到它

  • Content 选项卡中没有 Local video。您的用户档案隐藏了它。请让管理员在User Profiles 中启用它。
  • 重新加载后它不见了。页面未保存。请重新添加,点击内容区顶部工具栏中的 Save。
  • 播放器显示黑色矩形,没有内容。未选择视频文件。将鼠标悬停在元素上,打开 More > Settings,然后在 Video 下选择一个文件。
  • 已选择文件,但播放器仍然全黑。浏览器无法播放该文件的编解码器。请将其重新导出为 H.264 MP4,再重新选择。
  • 视频播放无声。 Start playing automatically 总是将视频静音,因为浏览器会阻止带声音的自动播放。如果访问者需要音频,请将其和 Muted 保持关闭,并保持 Controls 开启,以便他们按播放。

接下来做什么?

样式选项卡,在视频后添加间距或背景。