For those whom like to video background to their website should check out http://coverr.co/ it’s full of royalty free videos sized at 5mb perfect for background video use.

there is how to use section here: http://coverr.co/#code

excellent resource and thanks for the heads up Mansour

enjoy it and thanks for provider

Question regarding this video site...when using one of these in RSD or HTML editor even...
I get that I add an html element for the html snippet

and I'm thinking I create a custom.css for the css snippet....but...

where would one put the javascript snippet? Does it go in the header? Footer? at the end of the custom.css?

Thanks,

MJ

Hi Mark
The Doc Ready goes into the Footer section as far as I am aware, mine is working fine like that and seem to be responsive up until a point then it goes all funny.
I am going to upload it and ask for help LOL

Ok its up at http://bpburgess.coffeecup.com
So try and resize the screen up and down after it hits what 800 600px it gets stuck when you re size it
again, also there is a small white side band on the left what Have I done wrong there

Brett,

On my computer there are white bands on both sides when I reduce the width. On my Galaxy Note 4 I have the same but the band on the right is much smaller. Maybe a margin or padding setting.

Also, on my phone the video doesn't load, just a black screen.

**Edit for Brett!!

I had the same problem with the spacing of the white bars (or whatever color bg)...when I put in an html element box it gives the column a margin of 8...change those to 0 and it will stretch across the screen.

I have not been able to get it to work completely either. I have been messing with it using RSD...it looks fine on a desktop but it is supposed to automatically put a "still" of the movie for small devices...that is the class "poster"...it does that because many mobile devices don't (can't) play the movie (unless someone specifically downloads a 3rd party browser or alternate file)...But...I only get the black screen, too.

the code might get corrupt when copy and pasting because if I use my mobile phone and look at their site the movie works??? Maybe they are not sharing all of the code?

I'll keep you posted if I find a way that works (at least works for me).

Good Luck!!

@Ernie thank you ! good to know, as I only looked at it on my PC cheers Mate!

@Mark Outstanding tx mate, I was sure I checked all the margins and padding will go look again!

Also the .jpg screenshot is not showing up for me either, so I changed the background from #000 to transparent, at least that way they can see the background colour or Grid BG image.

Yes please keep me in the loop and I will you as well if I have any progress, cheers mate.

Ok re uploaded http://bpburgess.coffeecup.com

Nope not getting the "placeholder".jpg image on my android Might try it by hand see if that works.

Ok The standard HTML works Fine! it has something to do with RSD, will ask for help in that forum.

@ mark Johnson mate solved it!! and providing a roll over effect!
http://bpburgess.coffeecup.com/index.html

Go here for the code mate http://codeconvey.com/create-video-parallax-background-using-css3/

Cheers