html5 video poster wont display

[yandoo]

Hi all,

 

I was wondering if someone might be able to help me. I'm using html5 video on my website. The problem is that the poster will not show. After sometime of trying to work out why I discovered it was because the background of my webpage has a image. If I remove the image the poster displays but simply will not with a background image on my body tag.

 

Does anybody know a work around to get it to work please?

 

Thank you

body {
height:100%;
background-image:url(images/bg4.jpg);
background-repeat:repeat-y;
background-attachment:fixed;
}

<video width="400" height="267" controls preload="none" poster="videos/posters/poster.png">

[mogosselin]

It sounds weird. Did you try with multiple browsers (IE, Chrome, FF, Safari). Do they do the same thing?

If yes, can you post the link to your code or paste it in pastebin.com?

[dalecosp]

Possibly some light on this here:

http://stackoverflow.com/questions/8445965

 

 

What about z-indexing?

[snoopytamp]

perhaps this might also help http://stackoverflow.com/questions/13492198/video-disappears-when-poster-attribute-and-preload-is-defined/17216002#17216002