Embed video as a background

Design help Custom code
1

Hi,
i’ve been following this link step by step to add a video as a background in my website and keep it looping

it does work with the sample video they use in their example
but when i add my own links it doesn’t work
here is a link to my website:
https://preview.webflow.com/preview/flavour?preview=c751aba057e66fca73b5382d7b5741f5

and this is the code i used:
1-with dropbox links:

<video autoplay loop style="width:100%; height: auto; position:absolute; z-index: -1;">
  <source src="http://www.dropbox.com/s/d2pzq5dnnxvu0ov/video%20bg.mp4?dl=0" type="video/mp4" />
  <source src="http://www.dropbox.com/s/dgr7t0t00iwl3gt/video%20bg.ogv?dl=0" type="application/ogg" />
  <img src="http://www.dropbox.com/s/vs53wgqm857rm51/video-bg.jpg?dl=0">
</video>

2-with video uploaded to my server

<video autoplay loop style="width:100%; height: auto; position:absolute; z-index: -1;">
  <source src="http://eevvo.com/assets/video_bg.mp4" />
  <source src="http://eevvo.com/assets/video-bg.ogv" />
  <img src="http://eevvo.com/assets/video-bg.jpg">
</video>

i’d be very glad if someone helps me figure this thing out,
thanks

2

Hi! I think it works for me, see: Google Chrome – Tapes

Oh, and anyway, your Dropbox urls can’t work. They link to a player. Replace www.dropbox.com by dl.dropboxusercontent.com and delete the “?” and everything after.

2 Likes
3

thanks vincent,
it does work now indeed

1 Like