Video Backgrounds Aren't Working on My Site

Support
#1

I’m working on a new dev site and haven’t been able to get video backgrounds working. I’m using the latest version of Pro and trying to get a dark overlay over a video.

Here is the page I’m working on right now: https://dev.graceoc.com/visit/

As you can see the dark overlay is working fine, but the video and poster I’ve selected don’t show up in either the cornerstone builder or the page itself. Any help would be greatly appreciated. Thanks!

#2

Hi @tylerjms7,

Thank you for writing in, it seems the issue is on your video itself because if you put the direct URL on the address bar the Chrome browser tries to download it instead of playing it.

Would you mind trying this sample video first (http://techslides.com/demos/sample-videos/small.mp4) if that works then you know the issue is your video, Please recode it and web optimize your video.

This software might help.

Let us know how it goes,
Cheers!

#3

Thanks for getting back to me!

I tried the video you supplied. I tried adding it via the link you sent, as well as downloading it and adding it to my site and putting the link in that way as well. It didn’t work either way.

#4

Hi There,

Your website is loading over the SSL so all the URL with non-SSL like the sample video will not work:

http://techslides.com/demos/sample-videos/small.mp4

Could you please share us with your admin account so we can take a closer look?

Thank you.

#5

Will do! Thanks for your help in this. I appreciate it.

#6

Hey Tyler,

The video won’t play because going to or visiting the mp4 URL in your site gets the video downloaded instead of being playable in the browser.

This has something to do with your server and/or WordPress setup. There might be a server configuration or a WordPress plugin that is overriding the default behavior of mp4s in your site.

Regretfully, we could not help with this other than to point you to this related topic in a third party forum: https://stackoverflow.com/questions/7389378/mp4-is-downloading-instead-of-playing

Please try contacting your host for this and also try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

1 Like
#7

Thank you so much!

At least I can target the problem now and get it fixed.

#8

We are delighted to assist you with this.

Cheers!

#9

The more I look into this the more it looks like it could be a styling issue. I add this code: width:100%; height:100%; to the section and the video started working. You can see it here: https://dev.graceoc.com/visit/

Thoughts? I’m still trying to get to the bottom of this. Thanks!

#10

Hey,

Can you tell us where you’ve added the code and can you try removing it and see if the video won’t play?

The thing is though, you don’t need code in order for the video to work. The video background works fine in my test sites so there could be something in your site that is causing the issue.

Please also try a simple test page without header and footer. Only setup a section with video background.

Thanks.

#11

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