Streaming live at 10am (PST)

Uploading a video from drop box and using it as a background video


#1

Hello,

I am trying to upload a video from drop box and use it as my background. I would like this video to play in a loop and have no controls.

I have tried loads of different ways and nothing is working!

I would really appreciate any help - i am new to this so it may be something really simple that i am just overlooking.

I have already tried embedding this code:





from a previous tutorial i read - however, when i paste my drop box url nothing works!

Link: https://www.dropbox.com/s/khu7hatr345lqjr/papas.mp4?dl=0
Link: https://www.dropbox.com/s/bo79syospcvnu5n/papas.ogg?dl=0

I would really appreciate any help.


Complete custom code for full browser HTML5 video background
#2

The link to the site is:

https://webflow.com/design/reviewpapas?p=5586d09dced9f9a06c382efa

I was hoping to change one of the background image to the videos in my drop box!

Any help would be really appreciated!

Thanks


#3

Hi @George_Papadamou, in your video links, change the "www" to "dl" Like this:

Before: https://www.dropbox.com/s/khu7hatr345lqjr/papas.mp4?dl=0
After: https://dl.dropbox.com/s/khu7hatr345lqjr/papas.mp4?dl=0

Try that and if you have some issues, let us know smile Cheers,
Dave


#4

Thank you so much! It now works in editor - which is the closest i've came so far! Any idea why it doesnt work when i publish it though?

Huge thanks smile


#5

Hi @George_Papadamou, thanks, it seems the read-only link to your site needs to be checked: http://help.webflow.com/faq/general/how-do-i-share-my-sites-read-only-link. Can you check this and then reshare the link? Cheers,
Dave


#6

Ooops thanks for that!

https://preview.webflow.com/preview/papastester?preview=a7658a7db5d76256b534ae2fb5c409aa

I have decided to make a 'tester' to get this sorted and try different things on without ruining my published site!

thanks


#7

@George_Papadamou, that is smart thinking, we always recommend a test site to create something new that one may be learning how to create smile

George, how did you create the ogv version of the video? I am not sure that is a valid file, I am not getting errors in the browser, but also no video, which makes me think there is something in the video encoding.


#8

i used an online mp4 to ogg converter... could this be the problem??


#9

Just tried it and thats sorted the problem!

Thank you so much!

AMAZING SERVICE!


#10

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.