Video Background Option Not Working

Support
#1

I am trying to use the “video background” option on a section. My video is from Vimeo on a Pro account using a “direct link”. My video does not show up whatsoever… What can I do? I am also on a staging site.

#2

Hi There,

Thank you for writing in, please provide us the direct page URL where we can see the section that has a video background applied, and please provide us the direct video URL as well so we can take a look.

You can put it on a “secure note” if you don’t want the links to be visible on the public.

Cheers!

#3
Summary

Ok I’m not quite sure if I’m giving you what you’re asking for but heres the links…

#4

Hi There,

Thanks for writing in!

You have set us the URL of your back. Please send the live page URL and your login details in a secure note so that we can check.
Hope this is clear to you.

Thanks

#5

Ok, here it is

#6

Hi there,

I have tried to check the page that you have linked but I can’t seem to see which section you are trying to add the video background. Would you mind pointing it out so that we can check?

Thank you.

#7

Home page, 4th section

#8

Hello There,

Your video is not showing because you are having CORS or Cross Origin Resource Sharing issue. Your site is using http and you are trying to load a video from Vimeo with https. To remove this, please use this video source instead:

//player.vimeo.com/external/251373396.hd.mp4?s=097b3627c2d0b45a333adc4e4ca04a716d585a7e&profile_id=175

Hope this helps. Please let us know how it goes.

#9

Copy and pasted the exact link you suggested and still nothing happened.

#10

Hi again,

Can you please try adding the following code in your Cornerstone’s custom JavaScript section:

jQuery ( document ).ready( function($) {

setTimeout ( function() {

jQuery('.x-video .mejs-inner').each( function() {

var video = $(this).find('video');

video.prependTo( this );

video.get(0).play(); //play

} );

}, 500 ); //let's add some delay since MediaElementJS Player is loaded later than HTML code 

} );

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#11

Yes that seemed to make it work on the front end, is there a reason I can’t see it working on the backend in pro? Also, will I need to change anything once I push my staging site to the production url that is https?

#12

Hey There,

As it turns out, there is an issue with Media Elements in the theme at the moment. We already added this issue to our issue tracker list to make our developers aware of the issue.

Please add the JS code in your production url as well to temporarily resolve the issue.

Thank you for understanding.

#13

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