The thumbnail image doesn't appear on the player

When the player appears on my web page, just the control panel with play button appears, and the video can be played successfully, but the thumbnail image doesn’t appear.

The player code looks like this:

<script>$('video').mediaelementplayer();</script>
<video id="_1200k.mp4" poster="https://www....com/uploads/[var.thumb_file]" preload="auto" controls="controls" width="445" height="340" >
 <source src="http://www....com/uploads/[var.video_play]" type='video/mp4' width="445" height="340"/>
</video>

But when I right-click (on the player screen) and “inspect” I see the “poster” part looks like this (for example):

poster="https://www....com/uploads/uploads/px15cnFn555T.jpg" 

Too many /uploads/ is apparently why the thumbnail image is not appearing. There is no actual ‘uploads’ folder within the ‘uploads’ folder. So, how do I fix this? Any help will be appreciated.

Can you see the poster image when you visit the poster url directly in your browser?

Thanks for your reply.

In the browser I can see this image:

poster="https://www....com/uploads/px15cnFn555T.jpg

but not this image:

poster="https://www....com/uploads/uploads/px15cnFn555T.jpg

It would be helpful if you could post a link to your web page and a bit more information about the conditions under which the thumbnail does not appear.

Yep. Couldn’t find link to his web page too.

But the folder structure looks weird anyway.
/uploads/uploads/

ChrisjChrisj: Are you sure this’s the correct address to this image?

1 Like

Thanks for your replies.
I don’t really want to post my url, it’ll be searchable here for enternity if I do.
Despite my missing domain name, everything I posted is accurate.
Any help/suggestions will be appreciated.

The second /uploads must be added by the variable. Remove it from either the url or the script that sets the variable.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.