How To Embed Video in WordPress (3 Easy Ways)

Right now, videos are winning the internet. Visitors prefer watching videos rather than reading long articles. So, if you want to attract your visitors and keep them on your page, embed video in WordPress so that they can get something interesting part of your website. Even you can create video backgrounds for WordPress on your landing page to attract your customers and get leads from that with the help of the best WordPress lead-generation plugins.

This article will demonstrate how you can embed videos with a WordPress website. You can embed videos using a block editor or classic editor. We’ll also show how you can embed videos using custom CSS.

How to Embed Video in WordPress Using Block Editor

Step 1: Go to the WordPress Dashboard, then hover the cursor on the Posts, then click on All Posts.

all posts of WordPress site

Step 2: In All Posts, hover on the post where you want to embed the video, then click on Edit.

edit WordPress post

Step 3: Now, the block editor will be opened if you’re using it. Choose the position where you want to embed the video, then click on the Add Block button, and select YouTube.

If you don’t find YouTube in the first place, search for it using the search bar or click Browse all to find it.

adding youtube block in gutenberg

Step 4: Now, a YouTube section will appear. Paste the link of the video you want to add, then click Embed.

See also  Best 13 WordPress Landing Page Plugin 2023

add youtube url

Step 5: After providing the URL, click on the Update button to update it. Then Your video will appear like the image below for WooCommerce color swatches.

You can also customize the video by using Advanced settings. If you want to auto-resize the smaller devices, you can do it in the Media settings.

Preview

preview after embed video in WordPress site

How to Embed Video to WordPress Using Classic Editor

Step 1: Go to the Dashboard, hover the cursor on Posts, and click on All Posts.

all posts of WordPress site

Step 2: From all posts, hover on the post you want to edit, then click on Edit.

edit WordPress post

Step 3: The classic editor will be opened if activate it and disable Gutenberg. If you’re using the block editor, you can install Classic Editor to edit it in the classic editor.

Paste the link you want to embed, and automatically the video will be embedded. Then click on the Publish button to publish the post.

Preview

preview after embed video in WordPress site

How to Embed Videos to WordPress Using Custom CSS

Step 1: Go to the Dashboard, and click All Posts.

all posts of WordPress site

Step 2: Hover on the post, and click on Edit.

edit WordPress post

Step 3: Now, the TinyMCE editor/Classic Editor will come up. Click on the Text.

Step 4: Now, paste the code of the video where you want to add the video. Then click on Visual. (We’ve got this embed code from YouTube)

embed code of youtube in a post in wordpress

Preview

preview after embed video in WordPress site

Conclusion

We hope that now you can embed video into your WordPress website. If not, let us know what problem you’re facing. Though we’ve demonstrated multiple methods to embed video, we recommend using Gutenberg. Because it sets the aspect ratio more accurately and better positions the video. Also, you can import/export Gutenberg blocks easily.


Subscribe To Our Newsletter!
Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…