June 30, 201115 yr Hi all, Managed to get a bit going with a ogv video as a full background. Having a few problems so wonder if anyone can help: Firstly the site is a work in progress, so my only concerns are with the bg video (p.s sorry it is a 5mb file so may take a minute or so) http://www.backyardzoo.tv/farleysremains/index.html CSS is here: http://www.backyardzoo.tv/farleysremains/css/bz.css (sorry it's a bit of a mess) Lovely don't you think. P.S As far as I know the video only loads in Chrome, no idea why. My questions are: 1) How do I get the video to FILL the background (for eg, 100% width AND height) on a tall browser the video simply fits the width, even though I've specified 100% with both 2) Compatability with other browsers (I'm going to have an image fallback, but may also need a .flv and mp4 for FF, IE etc. 3) FILE SIZE! I know this is a 1 minute loop but I've seen other sites do this and their video is about 1MB- any ideas for getting great quality low file size ogv, mp4 flv videos? I think that's about all. The site isn't done otherwise, but I'd be glad to hear your thoughts on where its going so far! Thanks in advance.
June 30, 201115 yr Hi all, Managed to get a bit going with a ogv video as a full background. Having a few problems so wonder if anyone can help: Firstly the site is a work in progress, so my only concerns are with the bg video (p.s sorry it is a 5mb file so may take a minute or so) http://www.backyardzoo.tv/farleysremains/index.html CSS is here: http://www.backyardzoo.tv/farleysremains/css/bz.css (sorry it's a bit of a mess) Lovely don't you think. P.S As far as I know the video only loads in Chrome, no idea why. My questions are: 1) How do I get the video to FILL the background (for eg, 100% width AND height) on a tall browser the video simply fits the width, even though I've specified 100% with both 2) Compatability with other browsers (I'm going to have an image fallback, but may also need a .flv and mp4 for FF, IE etc. 3) FILE SIZE! I know this is a 1 minute loop but I've seen other sites do this and their video is about 1MB- any ideas for getting great quality low file size ogv, mp4 flv videos? I think that's about all. The site isn't done otherwise, but I'd be glad to hear your thoughts on where its going so far! Thanks in advance. Personally, I wouldn't bother. I have done the whole full-screen, scaleable background image thing and even that was a headache, it would cause seriously iffy scrolling in chrome. You could try the following method, but replacing the image with your video. I don't know if it'd work. I would also remind you of load times, it was a good 15 seconds before the video showed up for me. By that point most people will be long gone... It's technique #2: http://css-tricks.com/3458-perfect-full-page-background-image/
June 30, 201115 yr Author Personally, I wouldn't bother. I have done the whole full-screen, scaleable background image thing and even that was a headache, it would cause seriously iffy scrolling in chrome. You could try the following method, but replacing the image with your video. I don't know if it'd work. I would also remind you of load times, it was a good 15 seconds before the video showed up for me. By that point most people will be long gone... It's technique #2: http://css-tricks.com/3458-perfect-full-page-background-image/ Iffy scrolling in Chrome!! I know exactly what you mean! What about flash video (I know it doesn't work for iPAD) http://www.ohlandmusic.com/- but check that site out! that's amazing Thanks for the tips. Pitching this this weekend but for me it has to be full page video or nothing so I'm going to find a solution! Thanks
June 30, 201115 yr Author and thank you sir, that one worked, somehow!! just gotta sort out load times and were there! anyone know a good ogv compressor? i've tried fireogg.
Create an account or sign in to comment