WordPress makes adding videos easy. However, many WordPress users don't realize that they can make their videos more attractive.
In particular, it often helps to add a preview image to your videos. An eye-catching preview image can really draw attention to your video. If you allow the preview image be chosen automatically, you can often end up with a snapshot taken at a bad moment in the video.
This tutorial will show you how to add a custom preview image to your WordPress videos.
The WordPress Poster Image
The name that WordPress uses for video preview images is the "Poster Image". This name is slightly confusing and may be why a lot of people don't know this feature exists.
When you first add your video, you're not given an option to add the poster image. By default, WordPress simply displays a still image from the beginning of your video.
To add your own image, go to edit your Post or Page:
- Click on the video.
- Click the edit icon.
- Click on "Select Poster Image" in the left column.
- Upload a new image, or select it from the Media Library.
- Click the "Select Poster Image" button in the bottom right corner.
- Click "Update".
- You'll now be presented with a preview of the video showing the new Poster Image:
- Finally, preview your Post or Page to check the final result. Congrats! You've just created your first WordPress Poster Image.
Pro Tip: Optimize Your Image
You can use the following two tutorials to optimize your image to your video's height and width: