# Native video

The native video section allows you to display a self-hosted video directly within the theme, rather than embedding from an external platform. It is designed for high-performance playback and gives more control over video behavior, appearance, and playback settings.

<figure><img src="/files/TMg8UlIQZHt3o7GvkoQ9" alt=""><figcaption></figcaption></figure>

#### Video

Selects the video file to be displayed in the section. This should be a native uploaded video asset.

#### Auto play video

Controls whether the video starts playing automatically when the page loads. When enabled, playback begins without user interaction.

#### Loop video

Determines whether the video repeats continuously after it finishes. When enabled, the video will replay indefinitely.

#### Mute video

Controls whether the video plays without sound. Most browsers require videos to be muted for autoplay to function.

#### Show video controls

Enables the built-in video controls such as play, pause, and timeline scrubbing for user interaction.

#### Video aspect ratio

Defines how the video is displayed within its container. Set to “Auto” to preserve the original aspect ratio, or choose a fixed ratio to crop and center the video.

#### Show content

Controls whether supporting content such as heading and description is displayed alongside the video.

#### Heading

The main title shown for the section. Default is “Native video”. Leave blank to omit.

#### Description

Optional rich text area used to provide context or supporting information for the video content. Leave blank to omit.

#### Direction

Defines the layout direction on desktop. Set to “Column” to stack video and content vertically; mobile always uses a column layout.

#### Text alignment

Controls the alignment of the text content within the section. Default is “Center”, aligning content centrally beneath the video.

#### Vertical spacing

Controls the spacing around the section to adjust its visual separation from surrounding content.

#### Vertical spacing (desktop)

Sets the vertical spacing applied on desktop devices. Default is Large.

#### Vertical spacing (mobile)

Sets the vertical spacing applied on mobile devices to ensure consistent spacing across screen sizes.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gatame.gitbook.io/highstreet/dynamic-sections/video/native-video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.