How to Easily Embed Videos in WordPress Blog Posts

How to Easily Embed Videos in WordPress Blog Posts


Shares

802

Share

Tweet

Share

Facebook Messenger
WhatsAppEmail

Do you want to embed videos in your WordPress blog posts? Videos bring life to your website, and they are a great way to increase user engagement.

WordPress makes it super easy to embed videos from video hosting sites like YouTube, Vimeo, Facebook, Twitter, and many others.

In this beginner’s guide, we will show you how to easily embed videos in WordPress blog posts, pages, and sidebar widgets.

How to easily embed videos in WordPress blog posts (4 ways)How to easily embed videos in WordPress blog posts (4 ways)

Why Embed Videos in Your WordPress Blog Posts?

Adding videos to your WordPress blog is a great way to capture your visitor’s attention and boost engagement and conversions.

Videos help to increase the time your users spend on your WordPress website, and some visitors may even prefer to watch a video than reading written text.

Here at WPBeginner, we embed videos into our most popular WordPress tutorials.

Should You Upload Videos Directly to WordPress?

Well, you can, but we don’t recommend you do so.

Most small blogs use shared WordPress hosting accounts, and videos can take up a lot of server resources. If your video gets a lot of traffic, then your website is more likely to crash.

Secondly, you are missing out on traffic from YouTube users and other video hosting sites.

YouTube is not only the biggest video hosting site, but it is also the world’s second most popular search engine and the second most popular social network right after Facebook.

If you don’t want to upload your videos to YouTube, then you can use other platforms like Vimeo, Jetpack Video, Wistia, and more.

For more details, see our post on why you should never upload a video to your WordPress media library.

That being said, let’s show you how you can embed videos in WordPress blog posts, step by step. Simply use the quick links below to jump straight to the method you want to use:

  • Method 1: Embedding Videos in WordPress Blog Posts and Pages Using Block Editor
  • Method 2: Embedding Videos in WordPress Using the Old Classic Editor
  • Method 3: How to Embed Videos in WordPress Sidebar Widgets
  • Method 4: Using WordPress Video Embed Plugins to Embed Videos

Video Tutorial

Subscribe to WPBeginner

If you’d prefer written instructions, then just keep reading.

Method 1: Embedding Videos in WordPress Blog Posts and Pages Using Block Editor

WordPress comes with a great feature called auto-embeds, which allows your website to automatically get the embed code from popular video hosting services like YouTube, Vimeo, etc.

All you need to do is paste the video URL into the WordPress editor.

For example, you can copy the YouTube URL for a video that you want to embed.

Next, edit the WordPress post or page where you want to add the video, and simply paste the URL in the content area.

Paste video embed code in block editorPaste video embed code in block editor

As soon as you paste the video URL, WordPress will fetch the embed code and display the YouTube video inside the content editor.

You can now save your post by clicking the ‘Update’ or ‘Publish’ button to see the embedded video in your live post.

Wasn’t that easy?

After you have added the video, you can customize its settings by clicking on the video in the editor and making changes from the popup toolbar.

You can adjust the video width, change the alignment, and more. You can also add a caption and preserve the video’s aspect ratio on mobile devices.

Edit video display options in block editorEdit video display options in block editor

WordPress can only do auto-embeds for white-listed video services. For other websites, you will still have to obtain the embed code and then paste it into your blog posts.

Here is a list of white-listed video services for auto embeds in WordPress:

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

If you want to add a video from a website outside this list, then you will need the full HTML embed code for the video.

Simply copy the HTML code provided by the video website and paste it inside the ‘HTML’ block in the editor.

Add video embed HTML codeAdd video embed HTML code

To learn more, see our beginner’s guide on how to edit HTML in the WordPress code editor.

Method 2: Embedding Videos in WordPress Using the Old Classic Editor

If you are still using the old WordPress classic editor, then you can embed the videos the same way.

Simply copy the URL from a video hosting service like YouTube and paste it in the editor. If you are using the visual editor, then you will see a preview of the video.

Embed video in classic editorEmbed video in classic editor

However, you will not be able to use the width adjustment and other options that you can use in the WordPress Gutenberg block editor.

Make sure you click the ‘Update’ or ‘Publish’ button to make your changes live.

Method 3: How to Embed Videos in WordPress Sidebar Widgets

Just like a WordPress post or page, you can also embed videos in WordPress sidebar widgets.

Simply go to Appearance » Widgets in your WordPress admin area and then click the ‘+’ add new block icon.

After that, search for ‘Video’ in the search bar.

Then, you can click on the block for the type of video you want to add. For example, YouTube, Vimeo, TED, and more.

Add new video block to widgetAdd new video block to widget

Next, you need to paste your video URL into the box, click the ‘Embed’ button, and it will automatically be added to the widget area.

Then, all you have to do is click the ‘Update’ button, and the video widget will now be live on your WordPress site.

Enter embed URL and click updateEnter embed URL and click update

Now, you can visit your website to see the video live. The size of the video will automatically scale based on the size of your widget area.

Widget video embed exampleWidget video embed example

To learn more, see our guide on how to add and use widgets in WordPress.

Method 4: Using WordPress Video Embed Plugins to Embed Videos

By default, you don’t need to use a plugin to embed videos in WordPress. However, you may want to use plugins to improve the video viewing experience on your website.

The following are a few WordPress plugins that you may want to try.

1. Smash Balloon YouTube Feed Pro

Smash Balloon YouTube Feeds ProSmash Balloon YouTube Feeds Pro

Smash Balloon YouTube Feed Pro is the best YouTube video gallery plugin for WordPress, trusted by over 40,000+ website owners.

It allows you to automatically embed all of your YouTube channel videos in a customizable gallery format. It automatically imports new videos, combines feeds, can add live streaming functionality, embed a YouTube playlist, and more.

Plus, it includes views, likes, shares, comments, and reactions, which can help to boost your social proof.

YouTube channel feed exampleYouTube channel feed example

There’s a free version of the YouTube feed plugin available that you can use to simply add your YouTube channel feed to WordPress.

To learn more, see our guide on how to show the latest videos from YouTube channel in WordPress.

You can also use the Smash Balloon YouTube feed plugin with the Social Wall plugin that combines all of your social media content from Facebook, Instagram, Twitter, and YouTube on a single WordPress page.

2. Smash Balloon TikTok Feed Pro

Smash Balloon TikTok Feed ProSmash Balloon TikTok Feed Pro

TikTok Feed Pro, also by Smash Balloon, is a powerful plugin that allows you to easily embed TikTok videos anywhere on your WordPress site.

When you post on your TikTok channel, it’s automatically fed to your website and displayed in a beautiful video gallery feed. You can choose from multiple feed layouts, including grid, carousel, list, and masonry.

Smash Balloon TikTok feed exampleSmash Balloon TikTok feed example

The drag and drop feed editor also gives you complete control over the look of your TikTok feed. You can set the number of videos to show and customize colors, styling, spacing, and more.

In addition, it comes with helpful moderation tools to filter your videos based on a word or hashtag. Using this feature, you can create curated video feeds for different parts of your website to target specific content.

There’s also a free version of the Feeds for TikTok plugin that you can use to add a simple TikTok feed in WordPress.

See our guide on how to embed TikTok videos in WordPress for more details.

The Envira Gallery YouTube pluginThe Envira Gallery YouTube plugin

Envira Gallery is the best WordPress gallery plugin on the market. You can use it to easily create photo galleries in WordPress. It also comes with a Videos Addon to display beautiful and responsive video galleries.

You can create video galleries from YouTube, Vimeo, Twitch, DailyMotion, and more. You can even display YouTube playlists from your personal account and you have the ability to start YouTube videos at a particular timestamp.

Envira is super easy to use. Simply enter your YouTube video URL and the smart system will automatically grab the video thumbnails for you.

There is a free version of Envira Gallery available. However, you need the premium plugin to access the video galleries feature.

4. YouTube Subscribe Bar

YouTube Subscribe BarYouTube Subscribe Bar

YouTube Subscribe Bar shows a YouTube subscribe button below your YouTube video embeds in WordPress. It also fetches your YouTube subscriber count to add social proof and encourage more users to subscribe to your channel.

We first created it to promote WPBeginner’s YouTube channel on this website. Many of our users asked us to share how we did this, so we decided to release it as a free plugin.

5. Lazy Load for Videos

Lazy Load for VideosLazy Load for Videos

Lazy Load for Videos solves the problem of loading video embed scripts from external websites, which has an impact on website page load speed and performance.

Instead, it only loads the embed code when the user clicks on the play button.

By the way, you won’t need this plugin if you use the Smash Balloon YouTube Feed plugin because it has built-in caching and delayed loading for the video player.

We hope this article helped you learn how to easily embed videos in WordPress blog posts. You may also want to see our complete WordPress search engine optimization (SEO) guide and our expert picks of the best business phone services for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.


Shares

802

Share

Tweet

Share

Facebook Messenger
WhatsAppEmail
Lượt xem: 15

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *