---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/video-local'
title: '添加本地视频 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:52:55+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  您可以从自己的媒体库获取视频文件，由浏览器播放，无需 YouTube 或 Vimeo 嵌入。适用于产品演示、短循环，或屏蔽外部播放器的站点。

  添加本地视频
  登录后打开您的页面：将鼠标悬停在内容区上即会出现构建器控件。您的第一页介绍基础操作。
tags:
  - 'Text and media'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T13:52:55+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 添加本地视频
      description: |-
        您可以从自己的媒体库获取视频文件，由浏览器播放，无需 YouTube 或 Vimeo 嵌入。适用于产品演示、短循环，或屏蔽外部播放器的站点。

        添加本地视频
        登录后打开您的页面：将鼠标悬停在内容区上即会出现构建器控件。您的第一页介绍基础操作。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:52:55+0000'
      dateModified: '2026-10-24T13:52:55+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/video-local'
      articleSection: 文本与媒体
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/elements/video-local'
      description: |-
        您可以从自己的媒体库获取视频文件，由浏览器播放，无需 YouTube 或 Vimeo 嵌入。适用于产品演示、短循环，或屏蔽外部播放器的站点。

        添加本地视频
        登录后打开您的页面：将鼠标悬停在内容区上即会出现构建器控件。您的第一页介绍基础操作。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[搭建页面](/zh-hans/hc/documentation/learn-dxpr-builder/build) /[添加内容](/zh-hans/hc/documentation/learn-dxpr-builder/elements) /[文本与媒体](/zh-hans/hc/documentation/learn-dxpr-builder/elements/text-and-media) # 添加本地视频.

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

   ## 本指南内容

 相关指南

- [在样式面板中改变元素外观](/zh-hans/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

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

## 添加本地视频

登录后打开您的页面：将鼠标悬停在内容区上即会出现构建器控件。[您的第一页](/hc/documentation/learn-dxpr-builder/getting-started/first-page)介绍基础操作。

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](/zh-hans/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) 中启用它。
- **重新加载后它不见了。**页面未保存。请重新添加，点击内容区顶部工具栏中的 **Save**。
- **播放器显示黑色矩形，没有内容。**未选择视频文件。将鼠标悬停在元素上，打开 **More > Settings**，然后在 **Video** 下选择一个文件。
- **已选择文件，但播放器仍然全黑。**浏览器无法播放该文件的编解码器。请将其重新导出为 H.264 MP4，再重新选择。
- **视频播放无声。** **Start playing automatically** 总是将视频静音，因为浏览器会阻止带声音的自动播放。如果访问者需要音频，请将其和 **Muted** 保持关闭，并保持 **Controls** 开启，以便他们按播放。

## 接下来做什么？

[样式选项卡](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)，在视频后添加间距或背景。