Streaming live at 10am (PST)

Background Video Won't Play For Two Sites


#1

Hello there!

I am running into the issue of my videos not playing when I put them onto my server. This has happened to me twice in the past week and I am unsure why the videos are not playing. Could it be a server issue?

READ ONLY SITES:
https://preview.webflow.com/preview/ice-nine-kills-american-dream-single?preview=d1cb067ad1b74b4cd17af30a0aff3d5b

(background video not playing)

https://preview.webflow.com/preview/as-it-is-the-great-depression?preview=d3ad68f141b0fac94ce2107f0943bccb

(top video turns white when uploaded to server)


#2

Hi @Sarah_Gaupel

Thanks for posting. I did some testing and was able to see the video play as expected in preview mode and on the live site here: http://ice-nine-kills-american-dream-single.webflow.io/

If you are seeing other behavior on your end, can you send me a screen recording of what you see (CloudApp or Quicktime work well)?


#3

So we actually went live with the site here - http://iceninekills.com as you’ll notice the video is frozen.

Any suggestions?


#4

Hi @Sarah_Gaupel

Thanks for sharing that link.

After digging into the site some more, it looks like the video files are not actually referenced.

The SRC you have set for the video redirects to youtube: http://iceninekills.com/videos/INK_AmericanNightmare_Teaser(v2)-transcode.webm

Can you please try to change your video background file name — specifically, remove all spaces or extra characters.

Thereafter, can you re-upload the video background to your Webflow project, then re-export, re-upload and make sure the links are configured correctly?


#5

Thanks for getting back to me! So now that I have changed the name of the video + reuploaded and this is what I see. What do you recommend?


#6

Looking at another website we’ve built with a video background it looks like a link is being create for the source when we upload the video however, that isn’t happening for me now.

Let me know if I may be uploading the video incorrectly. Thanks!

**Screenshot of working video source

**Screenshot of iceninekills.com


#7

@Sarah_Gaupel

I viewed the site once more, but it looks like the video still has the same file name :thinking:

Can you try completely deleting the background video element, then add a new one, upload the video (ensure the file has no special chars), and try exporting?


#8

@Sarah_Gaupel I just wanted to chime in here as it actually looks like there’s a redirect issue occurring for your /videos slug causing the issue.

Could you please try removing that redirect in place for the /videos slug configured externally?

Alternatively you’ll need to use a different file folder name for /videos on your external server (maybe try /videos-2 as the folder where those videos live.

Then within your HTML file you will need to update the slugs to match what you name them on your external server. I hope that this is helpful in getting that video background to play on the external server :bowing_man:‍♂️