Methods to Use the WordPress VideoPress Embed Block

by | Oct 20, 2021 | Etcetera | 0 comments

In conjunction with films to your WordPress posts may just make your content material subject matter a lot more horny. However, having too many media knowledge to your internet website would most likely hurt your page loading times. That’s the position the VideoPress embed block is to be had in. This lightweight media player means that you can embed VideoPress films from third-party sources, without impacting your internet website’s potency.

In this article, we’ll show you one of the best ways to make use of the VideoPress embed block to your posts and pages. We’ll moreover speak about some guidelines and absolute best practices for showing the ones films to your internet website.

Let’s leap proper in!

Tips on how to Add the VideoPress Embed Block to Your Submit or Internet web page

To get started, open the internet web page or publish where you need to display a video. Then click on on on the plus (+) sign in an effort to upload a brand spanking new block.

Search for “VideoPress”, and add the corresponding block to your content material subject matter:

Adding the VideoPress embed block into WordPress

Next, you’ll need the URL for the video you need to turn. In any VideoPress video, click on on on the arrow icon throughout the upper-right corner:

An example of a VideoPress video.

Reproduction the URL provided throughout the Link field:

Getting a VideoPress URL.

Then go back to your WordPress publish or internet web page, and enter the link into the VideoPress URL field:

Adding a VideoPress link to the embed block.

In any case, click on on on the Embed button. The video may well be added to your internet web page or publish:

An embedded VideoPress video.

However, you’ll have the ability to simply paste the VideoPress URL proper into a Paragraph block. Hit Enter, and the element will automatically be remodeled appropriate right into a VideoPress block.

If you happen to preview the video on the front end of your internet website, it will have to be playable. Previous than hitting Publish, on the other hand, it’s worthwhile to need to configure a couple of settings.

See also  Download a FREE Header and Footer Template for Divi’s Home Care Layout Pack

VideoPress Embed Block Settings and Alternatives

The VideoPress embed block is generally an excessively useful serve as. However, when it comes to customizing this block, your possible choices are somewhat limited.

If you happen to click on on on the block, you’ll see the following menu with 3 number one possible choices:

The VideoPress block top menu.

Let’s take a greater take a look at the ones settings:

  1. Exchange block sort or style: This option means that you can convert the embedded video appropriate right into a Paragraph, Staff, or Columns block.
  2. Alignment: You’ll position the video to the left, proper, or center of the internet web page. You moreover provide the possibility to choose a big or whole width structure.
  3. Edit URL: You’ll use this surroundings to switch the link and embed a definite video.

You’ll moreover to search out some settings throughout the right-hand menu of the Block Editor:

The VideoPress sidebar menu.

Underneath Media settings, you’ll be in a position to choose to permit or disable resizing for smaller units. We advise that you just turn this option on. This may most likely deal with the side ratio of your video, so that it looks great on mobile phones and other small presentations.

If you happen to cross to the Difficult settings, you’ll see the selection in an effort to upload your own CSS classes. For instance, you must use this phase in an effort to upload a border to your video.

If you happen to industry the VideoPress embed block appropriate right into a Group block, you’ll get get entry to to a couple of additional settings. As an example, you’ll have the ability to set a background color to your block:

Changing the background color.

That sums up the quick file of configuration settings that come with the VideoPress embed block. Next, let’s take a look at some absolute best practices for the usage of this element to your content material subject matter.

See also  Angular vs React: A Detailed Facet-by-Facet Comparability

Pointers and Easiest Practices for Using the VideoPress Embed Block Effectively

As now we now have seen, the VideoPress embed block is also quite simple to use. However, there are some things it’s worthwhile to need to consider when together with this element to your content material subject matter.

For instance, it’s a good idea to include an informative caption alongside your video. That manner, your readers will get a better understanding of what the video is in a position.

To try this, simply click on on on the Add caption field underneath the block, and write a temporary description. The overall result would most likely look something like this:

A VideoPress embed on the front end of a website.

We moreover recommend that you just avoid putting too many films on the similar internet web page. Since you’re embedding films which may also be hosted somewhere else, they gained’t have an impact to your internet website’s loading events. However, they can however distract from your own content material subject matter if used too eternally. A excellent rule of thumb is one video in step with internet web page or blog publish.

Continuously Asked Questions regarding the VideoPress Embed Block

In this publish, we’ve lined everything you’ll wish to know regarding the VideoPress embed block. However, you will have to nonetheless have some questions about the usage of this selection. Let’s take a look at some of the most common queries.

Can I Embed Films from YouTube and Vimeo?

Certain, you’ll have the ability to. However, when you add a link from either one of the ones platforms, the VideoPress block will automatically change into into a YouTube or Vimeo block.

Is the VideoPress Embed Block Cellular-Delightful?

One of the vital a very powerful absolute best problems about VideoPress is that it actually works on all fashionable browsers and units. On account of this any films you embed may well be merely viewable by means of your visitors, whether they’re getting access to your internet website from their smartphones or desktops.

See also  Learn how to Use the Critiques by way of Class WooCommerce Block

To ensure that all video content material subject matter is really responsive, you’ll need to permit the Resize for small units surroundings that we lined earlier in this publish. That manner, your embedded films may additionally display correctly on mobile devices.

Will Visitors See Ads on The ones Films?

You’ll be at liberty to seize that VideoPress is unbranded and ad-free. Your shoppers gained’t see the remainder somewhat than the video you need to show off.


Together with films to your posts and pages may just make your content material subject matter further crowd pleasing, which might most likely will let you cling your audience’s attention for longer. However, uploaded films may additionally slow down your internet website. That’s why it’s just right to serve as content material subject matter uploaded by way of VideoPress and other third-party platforms.

Easiest of all, this is relatively easy to do. You’ll simply add the VideoPress embed block to your internet web page or publish, and then enter the link to the video you need to turn. You’ll moreover customize the position, size, and background color of the video, so that it fits in successfully with the rest of your internet website.

Do you’ve got some other questions about the usage of the VideoPress embed block? Let us know throughout the comments phase beneath!

Featured Image by way of Overearth /

The publish How to Use the WordPress VideoPress Embed Block appeared first on Elegant Themes Blog.

WordPress Web Design

[ continue ]


Submit a Comment