336: How to embed video content in a WordPress site
When working with video content for your WordPress site, you have two options, uploading and embedding. You can learn the differences between the two in our article on Embedding vs Uploading Videos. This guide walks you through the process of embedding video content directly from a third party video site such as YouTube or Vimeo.
Getting the Embed code
Getting the code form YouTube
- Upload a video to, or select a video from, your YouTube account.
- In our sample case, we decided to use a video of a puppy. Once you have located your video of choice, find the Share link and click it.
- A small section of content will appear under the Share link. There is an option named Embed for you to click. The code for embedding the video into a website will appear. It is pre-highlithed, so all you need to do is copy it to paste into your WordPress post or page.
Getting the code from Vimeo
- Select a video, or upload one to your Vimeo account.
- We chose a puppy video from the Vimeo archives. Once you have decided on your video, locate the Share link on the right hand side of the screen and click it.
- A popup will appear and you will be able to highlight and copy the embed code for use in your site.
Embedding video content to your WordPress site
- Log into your WordPress admin dashboard.
- Click on the post/page you want to edit, or click on Add New to add a new one. We elected to edit the existing Hello World post.
- Once in the post or page editor, you will want to be sure you are on the Text mode, which is a tab in the right hand corner of the editor. Paste the embed code into the post or page wherever you want it to appear.
- Click the Update button to save the changes, then visit your site to see the embedded video on your Wordpress page. Below is a before and after of how a video can enhance your site for your visitors.
We value your feedback!
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
new! - Enter your name and email address above and we will post your feedback in the comments on this page!