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.
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)
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.