Solved Extra category Video format posts don't show featured image or play video overlay

Hi there, I can't get video format posts to show featured image or play video overlay in Extra blog modules such as in archives or categories. I managed to get it to work in divi theme with help from divi.help, but additional jquery is required in Extra. Example post: http://russelll12.sg-host.com/the-big-names-investing-in-vertical-farming/

In News category this post appears twice, as featured post and as 1st post on the blog module below featured post. In both cases the overlay video play button doesn't show. In the blog section the featured image also doesn't show. In Archives for May, which is also a blog module (I'm guessing), the featured image doesn't show, and obviously the video play button.

This is the code that was added to divi theme to get the overlay to show

Code:

Log In or Sign Up to view this code.

Appreciate any assistance.

 

The new code worked to add the play icon. It has correctly been placed on the featured post, but there are two issues:

I. In the 'image to the right blog module' (second blog modue below the featured post on http://russelll12.sg-host.com/ ) the instances of the same article have the overlay player icon offset (you can just see it over the post title on the left), so there is an issue with the postitioning of the icon relative to the image container vs blog container.

2. In the 'image above blog module' below the featured image the featured image which is the image overlay has not been fetched.


Both issues also show here, maybe better illustrated, http://russelll12.sg-host.com/category/news/ . No featured image and icon positioned wrongly.

 

Okay the overlay is showing thank you. One issue with the posts list: When I use google inspect the overlay play icon moves out of center at a responsive breakpoint between 780 and 980. http://russelll12.sg-host.com/

Also in the feature post where you appended the overlay icon, the featured image does not link to the article.

I have left a message with Elegant. I am surprised I am having these problems with video format posts and that noone else has raised the issue previously. I did have Elegant look at similar problems in the divi theme side of things and that person said the issues weren't caused by a bug. They did not offer a fix.

 

That works for me. Thank you very much for your time.

Elegant has put in feature requests to their devs, which I understand is their standard response.

For anyone else going down this track - I'm going back to using gutenberg editor only for video posts in combination with a certain featured video plugin and the css and jquery for posts list shown above. Instead of featured post, I'll try to set up a full width blog module with just one post.

I was trying to make it work in the divi editor, as I was using post templates for everything.