---
title: "How to Add a Self-Hosted Video in WordPress?"
url: https://nexterwp.com/docs/add-a-self-hosted-video-in-wordpress/
date: 2024-12-11
modified: 2026-08-18
author: "Aditya Sharma"
description: "Are you looking to add a self-hosted video to your WordPress website? Self-hosted videos give you complete control over your video content and presentation. With the Video block from the..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Self-Hosted-Video-in-WordPress_-1024x519.jpg
word_count: 342
---

# How to Add a Self-Hosted Video in WordPress?

## Key Takeaways

- Nexter Blocks Video block adds self-hosted videos to a WordPress website by selecting Self Hosted in the Source section under the Video tab.
- WEBM is the recommended main format because it delivers high-quality playback with smaller file sizes, and an .mp4 backup is added in the Compatibility tab for Safari support.
- Player Settings in the Nexter Blocks Video block include AutoPlay, Mute, Loop, Controls, and Video Touch Disable.

Are you looking to add a self-hosted video to your WordPress website? Self-hosted videos give you complete control over your video content and presentation.

With the Video block from the Nexter Blocks, you can easily add self hosted videos to your WordPress website.

Ideally, you should add a WEBM format video.

#### Why Use the WEBM Format?

WEBM is a modern video format that delivers high-quality playback with smaller file sizes, helping your website load faster and consume less bandwidth. It’s optimized for the web, supports transparency, and is widely supported across most modern browsers, making it an excellent choice for performance and user experience.

The best practice is to use WEBM as your main video format, add an MP4 backup specifically for Safari. This ensures your videos play seamlessly on all browsers without compatibility issues, while maintaining top-notch performance.

*To check the complete feature overview documentation of the Nexter Blocks Video block,* *[click here](https://nexterwp.com/docs/add-videos-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-video-player/)

To do this, add the Video block from the Nexter Blocks to the page and follow the steps. 

1. Select **Self Hosted** from the **Source** section under the **Video** tab.

2. Then add your video in the **Upload Mp4 Video** section from the media library.

> *Note: *If you’re adding a WEBM video, also include an .mp4 version in the Compatibility tab for Safari support.

You can adjust some video options from the **Player Settings** tab. You’ll find the following options - 

- **AutoPlay** - By enabling this toggle, you can autoplay the video.

- **Mute** - By enabling this toggle, you can mute the video.

- **Loop** - By enabling this toggle, you can play the video in a loop.

- **Controls** - From this toggle, you can show or hide the video controls from the video.

- **Video Touch Disable** - From this toggle, you can enable or disable the video touch feature.

This is how easily you can add a self-hosted video to your WordPress website.

## Frequently Asked Questions

**Q: Why is WEBM the recommended format for a self-hosted video in WordPress?**
A: WEBM is the better default because it keeps file sizes smaller while still delivering high-quality playback. That matters for page speed and bandwidth, especially if the video sits on a public page that gets regular traffic. Nexter Blocks recommends using WEBM as the main format, then adding an MP4 backup for Safari so you do not trade performance for compatibility.

**Q: What should I do if my self-hosted video does not play in Safari?**
A: Safari compatibility is the usual gap when a video is only uploaded as WEBM. The fix is to include an .mp4 version in the Compatibility tab, which Nexter Blocks calls out as the backup format for Safari support. That setup matters because WEBM is the main format for performance, but MP4 covers browsers that need a fallback.

**Q: Can I add a self-hosted video without using a third-party video platform?**
A: A self-hosted video keeps the file on your own WordPress site, so you control both the content and how it is presented. Nexter Blocks provides the Video block for this use case, and the page specifically says to select Self Hosted from the Source section under the Video tab. That makes it a direct WordPress-native setup instead of relying on an external host.

**Q: What do I need installed before adding a self-hosted video with Nexter Blocks?**
A: The Video block is part of Nexter Blocks, so that plugin has to be installed and activated first. Without that, the block will not be available in the editor. The tutorial also points to [click here](https://nexterwp.com/docs/add-videos-in-wordpress/) for the feature overview and includes a [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-video-player/) if you want to inspect the block itself.

**Q: What video settings can I control after uploading a self-hosted video?**
A: Nexter Blocks gives you Player Settings for AutoPlay, Mute, Loop, Controls, and Video Touch Disable. Those options matter because they change how aggressively the video behaves on load and whether users can interact with it. For example, autoplay usually pairs better with mute, while hiding controls makes sense only when you want a more locked-down presentation.

**Q: What is the best setup for self-hosted videos if I want speed and browser support?**
A: The strongest setup is WEBM as the main file and MP4 as a Safari backup. The page explains that WEBM is smaller and faster for web delivery, while MP4 in the Compatibility tab handles Safari support. That combination gives you better load behavior without leaving Safari users stuck on an unsupported format.
