There was a problem loading the comments.

How to Embed Videos in WordPress

Support Portal  »  Knowledgebase  »  Viewing Article

  Print

How to Embed Videos in WordPress Blog Posts and Pages



Below, we’ll go through all of the different ways in which you can insert video files into WordPress websites using a variety of different methods.
To ensure that this is a comprehensive guide, we’ll cover each option in detail, which means that there will be some overlap between the sections. For example, when we show you how to embed videos in Elementor, we’ll use YouTube as an example.
Let’s dig in…

How to Embed Videos in the WordPress Block Editor (Gutenberg)

If you’re using the WordPress Block editor, AKA Gutenberg, it comes with built-in blocks to help you embed videos from various sources. We’ll show you how these blocks work with YouTube, but the same basic actions hold true for the other video services.

To get started, you need to add the YouTube block where you want to embed your video:
WordPress YouTube Block


Then, paste in the direct URL to the video (copied from your browser address bar) and click Embed. You should then see a live preview of your video in the editor:
the embed option in the youtube block


The Block editor comes with dedicated video embed blocks for the following services:
  • YouTube
  • Vimeo
  • Animoto
  • DailyMotion
  • Screencast
  • TikTok
  • VideoPress
WordPress.tv



How to Embed Videos in Elementor

Elementor includes its own Video widget that makes it super easy to embed videos in your content.
To get started, add the Video widget to the place in your content where you want to include the video. Then, choose the source from four options:
  • YouTube
  • Vimeo
  • DailyMotion
  • Self-Hosted
Once you’ve made your selection, all you need to do is paste in the link to the video. Then, configure the other settings according to your preferences. For example, you can autoplay the video, disable the player controls and more.
Elementor's Video Widget


For improved performance, you can use the Image Overlay feature to show a static image and lazy load the video. This will wait to load the video until a user interacts with it, which will speed up your site’s load times.

Share via
Did you find this article useful?  

Related Articles

© Keystone Solutions