Jetpack 101

How to Embed an MP4 Video in WordPress

woman working at a desk

Embedding an MP4 video in WordPress is a great way to share your own content without using a third-party platform. Unlike YouTube or Vimeo, hosting MP4 files directly gives you full control over playback and branding.

In this guide, you’ll learn how to add MP4 videos to your WordPress site using a video hosting plugin, the block editor, classic editor, and HTML. We’ll also look at best practices for performance and what to do if your video doesn’t play.

1. Embed a video with Jetpack VideoPress (best solution)

Before you upload an MP4 video directly to your site, it’s important to consider how that choice can affect your performance, storage, and visitor experience.

Self-hosting videos in your Media Library may seem quick and easy, but it puts extra load on your server. It can slow down your pages, especially if the video file is large or viewed on mobile. It also limits your control over quality, delivery speed, and player behavior.

The better option is to use a WordPress-ready video hosting plugin. These tools are made to store, deliver, and play videos efficiently, without bloating your site or relying on third-party platforms like YouTube.

Jetpack VideoPress homepage with the text "the finest video hosting for WordPress"

Why Jetpack VideoPress is the best fit for WordPress

Jetpack VideoPress is built specifically for WordPress and offers high‑quality, lightning‑fast video hosting. It replaces the need to upload MP4 files directly, giving you a better player and faster load times.

Here’s why it’s the best option:

  • Files are stored on a global video CDN, not your hosting server, so your storage space isn’t used up and your site still loads quickly.
  • The player is clean, ad-free, and responsive by default.
  • You can manage everything from your WordPress dashboard.
  • It supports autoplay, mute on load, custom thumbnails, and more.
  • It keeps your visitors on your site with no distractions or third-party branding.

If you plan to embed more than one or two videos, or want a fast, polished viewer experience, VideoPress is the simplest way to get it done. It saves you time, boosts performance, and gives you more control over how your videos look and play.

How to use Jetpack VideoPress

Setup is incredibly simple and uses the processes you’re already familiar with. All you have to do is:

  1. Start by installing and activating the Jetpack plugin.
  2. In your WordPress dashboard, go to Jetpack → My Jetpack and purchase a VideoPress plan.
  3. Then, go to Jetpack → VideoPress. There, you can turn the feature on and adjust settings as needed.
videos shown on multiple screens

Adding a video to a page or post is as easy as adding any other type of media. While you can also use Jetpack VideoPress with the Classic Editor, this tutorial assumes you’re using the block editor.

  1. Open the page or post in the WordPress dashboard.
  2. Click the + icon at the top left and search for “VideoPress.” Drag the VideoPress block where you’d like it to live on the page.
  3. Drag your video into the VideoPress block or select Upload, Media Library, or Insert from URL depending on your needs. You’ll see an “Upload Complete!” message upon completion.
  4. To adjust the video settings, open the block settings panel at the top right. There are also video options that appear on top of the block itself. You can control playback options, the title and description, the poster image, alignment, captions, progress bar design, and more.
  5. Once you’re done, simply update or publish the page and that’s it!

2. Embed a video with the block editor

The WordPress Video block is another simple option, though keep in mind that videos you upload directly to the Media Library can affect site speed.

  1. In a post or page, click the plus (+) sign to add a block.
  2. Search for “Video” and drag the Video block where you’d like it on the page.
  3. Click Upload to add a new MP4 file or choose Media Library to use an existing one.
  4. Once the video uploads, it will appear directly in the editor. You can add a caption, set alignment, or adjust size using the block settings panel.
embedding a video with the block editor

This method is simple and works well if you’re hosting a small video directly on your site.

Notes:

  • MP4 videos will autoplay only if muted.
  • WordPress automatically creates a responsive video player for your site.
  • The block includes basic controls like play/pause and fullscreen.

3. Embed a video with the Classic Editor

If you’re using the Classic Editor plugin, you can still embed MP4 videos, though there are fewer options available to you.

  1. In the page or post you want to work with, make sure you’re in the Visual tab. Click Add Media.
  2. Upload to or select your MP4 file from the Media Library.
  3. Click Insert into post.
  4. Once the video appears, you can click directly on it and select the pencil Edit icon. There, configure basic settings like autoplay, loop, and subtitles. Then, click Update.
  5. Save or preview your post.
embedding a video with the classic editor

4. Embedding a video with a shortcode

You can use the built-in video shortcode if you prefer to handle things more manually. Before using the shortcode, you need to find the specific URL of your video. To do this, go to Media → Library in the WordPress dashboard and upload your file. Once it’s uploaded, click on the video and copy the URL from the File URL field on the right.

In the example below, you would replace the URL with your specific video URL:

You can also configure options like:

Shortcode options:

  • autoplay=”true” Starts the video automatically
    muted=”true” Mutes sound, often required for autoplay
  • loop=”true” Repeats the video
  • preload=”auto” Loads the video before play

Paste the shortcode into a Shortcode block, the Classic Editor, or even a widget.

VideoPress

The Finest Video Hosting for WordPress

Stunning-quality video with none of the hassle. Drag and drop videos through the WordPress editor and keep the focus on your content, not the ads.

Get VideoPress

5. Embedding a video using custom HTML

If you want even more control, use the HTML5 <video> tag to embed MP4 files. Start by copying your video URL just as you did in Option 4 above. Then, replace the URL in the code below with your own.

<video width="640" height="360" controls>
  <source src="https://yoursite.com/wp-content/uploads/2025/07/yourvideo.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

Optional attributes:

  • controls Shows play and pause buttons
  • autoplay Starts playback automatically
  • loop Restarts the video when it ends
  • muted Starts the video with no sound
  • poster Adds a preview image

Paste the code into a Custom HTML block, widget, or the Text tab of the Classic Editor.

Troubleshooting common MP4 embed issues

The video doesn’t play:

  • Make sure the file is in .mp4 format.
  • Check that the video URL is correct.
  • Clear your cache or try a different browser.

The video loads slowly:

  • Compress the file size before upload.
  • Host large videos outside of your WordPress media folder.
  • Use a tool like Jetpack VideoPress to serve videos from a global CDN.

The layout breaks on mobile:

  • Use responsive players like the Video block or Video.js.
    Avoid setting fixed width and height in the <video> tag.

The smartest way to host and embed MP4 videos

Uploading MP4 files directly to your Media Library works for short, lightweight videos. But if you want to publish longer videos, often share video content, or prioritize performance and design, you’ll need something more powerful.

That’s where Jetpack VideoPress comes in.

Jetpack VideoPress is a video hosting solution built specifically for WordPress sites. It gives you a clean, fast video experience without relying on third-party platforms or slowing down your site.

Here’s how VideoPress makes a difference:

  • Faster load times: Videos are hosted on Jetpack’s global content delivery network, optimized for speed.
  • No ads or distractions: You control the player, with no branding or third-party ads.
  • A responsive player:VideoPress works on all devices and screen sizes, automatically.
  • A focus on privacy: Your visitors stay on your site — no cookies, tracking, or redirects.
  • Built-in storage. Videos are hosted outside of your Media Library, which reduces server load.
  • Customization options: You can set thumbnail images, mute videos on load, or enable autoplay.

VideoPress also integrates smoothly with the WordPress block editor, so you can upload and embed videos directly from your dashboard with no extra setup.

If you’re ready to offer fast, professional video playback on your WordPress site, without the limits of file size, bandwidth, or third-party platforms, VideoPress is the perfect solution.

This entry was posted in Jetpack 101. Bookmark the permalink.
Jetpack 101

Jen Swisher profile

Jen Swisher

Jen is a Customer Experience Specialist for Jetpack. She has been working with WordPress and Jetpack for over a decade. Before starting at Automattic, Jen helped small businesses, local non-profits, and Fortune 50 companies create engaging web experiences for their customers. She is passionate about teaching others how to create on the web without fear.

VideoPress

The Finest Video Hosting for WordPress

Stunning-quality video with none of the hassle. Drag and drop videos through the WordPress editor and keep the focus on your content, not the ads.

Get VideoPress

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.