How to Add a Preview Image to WordPress Videos

| WordPress
wordpress video thumbnail

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.

Please note, this will only work with videos that you have directly uploaded and stored in WordPress. This won't work with WordPress YouTube, WordPress Vimeo, or WordPress Wistia videos.

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:

  1. Click on the video.
  2. Click the edit icon. 
video in wordpress post
  • Click on "Select Poster Image" in the left column.
select poster image
  • Upload a new image, or select it from the Media Library.
select poster image wordpress
  • 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:
wordpress video with poster image
  • Finally, preview your Post or Page to check the final result. Congrats! You've just created your first WordPress Poster Image.
wordpress video with poster image post

Pro Tip: Optimize Your Image

You can use the following two tutorials to optimize your image to your video's height and width:

Also, if you want to force your WordPress authors to use a featured image on their posts, try the PublishPress Content Checklist.


About the author

Nick is the Director of Support at OSTraining and you can find him in almost every area of the site, from answering support requests and account questions to creating tutorials and software.