homepage Welcome to WebmasterWorld Guest from 50.17.21.7
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
html5 poster for video not showing?
html5 video poster
CSS_Kidd




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

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-->
</video>


?

 

CSS_Kidd




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

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

tedster




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

What kind of changes are making the difference for you?

CSS_Kidd




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

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)

tedster




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

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved