yandoo Posted April 13, 2014 Share Posted April 13, 2014 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"> Quote Link to comment Share on other sites More sharing options...
mogosselin Posted April 21, 2014 Share Posted April 21, 2014 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? Quote Link to comment Share on other sites More sharing options...
dalecosp Posted April 21, 2014 Share Posted April 21, 2014 Possibly some light on this here:http://stackoverflow.com/questions/8445965 What about z-indexing? Quote Link to comment Share on other sites More sharing options...
snoopytamp Posted April 22, 2014 Share Posted April 22, 2014 perhaps this might also help http://stackoverflow.com/questions/13492198/video-disappears-when-poster-attribute-and-preload-is-defined/17216002#17216002 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.