Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

html5 poster for video not showing?

html5 video poster



3:14 pm on Oct 26, 2010 (gmt 0)

5+ Year Member

So I am redesigning/updating an old site in html5. I have all my video working perfectly, but for some odd reason I can't get the poster image to show up. Am I missing something here? I have searched and searched but it seems that I am the only moron with this problem?

UPDATE: I have tried this on my test server(localhost) as well as in my working directory files on the computer. Nothing works.

<video width="640" height="360" controls poster="images/poster.jpg">
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<source src="video.ogv" type="video/ogg" />
<!--Flash Fallback Blah Blah-->



5:57 pm on Oct 26, 2010 (gmt 0)

5+ Year Member

I have gotten all browsers to show a poster image now with the exception of Opera and Safari(windows).


8:46 pm on Oct 26, 2010 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

What kind of changes are making the difference for you?


11:57 am on Oct 27, 2010 (gmt 0)

5+ Year Member

This problem has been fixed. I have found a more dummy proof html5 "video player" that includes a more detailed js file and fix for Opera and Safari(windows).

To answer your question, tedster, the issue was that Opera seemed to only want to place the poster image IF the video file directory had a slash [/] before it. WHICH caused it to NOT to display the video, but Hey!.. The poster was there. Remember I was getting this result from my "localhost" test server and my working file:/// on my pc, so I am not sure if you would get the same effect on a live server. And I couldn't find anything on the web that was related to configuring htaccess files. Soooo.

If anyone is bored and wants to see if they can duplicate the same issue, please let me know if you find any other work arounds other than using js. I have a real pet peeve about calling too many js files. Some CMSs have issues with it as well.

Any how. Like I said the included js script that was "packaged" with the html 5 "video player" fixed it.

Oh when will we ever see the day when all browser will just interpret the same code?(rhetorical question of course)


4:42 pm on Oct 27, 2010 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

So the problem was essentially a file path issue while testing on your local machine. yes, the presence or absence of an opening "/" is far from a trivial issue in any file reference, and yes - it will be different on a server.

You can run server software on your local computer for testing purposes. I've had good results with Server To Go [server2go-web.de] It's very lightweight and it runs mySQL and PHP, too.

Featured Threads

Hot Threads This Week

Hot Threads This Month