How To Show A Video Player In The Divi Blog Module Tutorial By Pee Aye Creative

How To Show A Video Player In The Divi Blog Module

In this tutorial I will show you how to show a video player in the Divi Blog module for posts that contain video and use the video format.
Categories: Divi Blog Tutorials

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

1. Prerequisites

Set Up A Blog Module

The steps in this tutorial are very straightforward, but first you need to have a blog module set up. Be sure to check all our Divi Blog module tutorials for styling and hacks to improve the Divi Blog module.

Set Up Your Divi Theme Builder Template For All Posts

You would also want to make sure you have a Theme Builder template set up for All Posts. Make sure it contains a Post Content module, which is where the video will show in your post.

2. Set the Post Format to Video

You can either add a new post or edit an existing post. When you are in the backend editor, you will see the “Format” or “Post Format” options on the right side.

NOTE: If you are using the Visual Builder on the post, then the post format options are not available. However, most likely you would not have any reason to enable the Divi Builder on posts, but instead use the classic or block editor with a Theme Builder template.

If you are using the Classic editor, it will look like this:

select video post format in Divi using the classic editor

If you are using the Block Editor, it will look like this:

select video post format in Divi using the block editor

3. Add YouTube Video URL To Post Body

This step is quite simple – copy the YouTube video embed link, and paste it anywhere in the body area of the post. It should generate a preview of the video player. Save the post, because this was the last step!

4. View The Final Result

After those steps are completed, you can refresh your page with the Blog module and see the video player icon over the featured image thumbnail. 

screenshot example of the the Divi Blog module showing video players in the grid

You can click on it to open the YouTube video player.

Last updated Jul 3, 2023 @ 4:15 pm

Subscribe

Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore 🙂

Blog Post Optin

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

2 Comments

  1. Greg

    Hi Nelson, Thanks for this tutorial. Do you know if there is a way we can have the same Play Video effect if we are using the Divi Builder to create the blog post content instead of the Classic or Block editor?
    Thanks

    Reply
    • Hemant Gaba

      Hi Greg!

      The other post formats only work fine for the posts built with the Default Editor right now only and not in Divi builder. So to show the video in the featured area, you will have to use the Default Editor instead of the Divi Builder.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart