Hosted Video Not Playing in FullScreen Slider or Colored Sections

Shut all the plugins and the videos still didn’t work. Again the video element that’s running the hosted video at the bottom of the page works fine. Just the videos being used as background videos in your fullscreen slider and colored section. Any ideas what’s going on? I’m on the latest version of wordpress and enfold.

Try it now. You should have access to the advanced layout builder now. Sorry. We lock it down so editors don’t change the layouts on certain pages.

• This reply was modified 7 years, 9 months ago by Eric.

Please try now

You have full admin access now. Sorry but so much time had lapsed. We have loaded the video to YouTube and Vimeo with no problems. It’s when we self host. We’ve used many formats including webm, mp4, ogv, etc. same result with constantly spinning gif and never loads.

Hi Vinay,
Thanks for the response. We uploaded to youtube and their compression and encoding is being used in the latest version we have hosted on the site–and hosted on youtube. The behavior is exactly the same on the test page you set up. We noted 3 different ways of displaying the video. The first is self hosted and used as a background video (doesn’t play just keeps showing the loading gif), the second is self hosted and presented in a video player element (plays fine. note you must hit the play button as video elements are not auto play), and last youtube hosted as a background video (plays fine and is autoplay). All videos used on all three scenarios are the same files. The only difference is the background video self hosted which is having issues. We’ve tried this with all plugins turned off and turned on with no difference.

Any idea what’s going on? Thanks!

Hi Vinay,
Apologies for the delay in responding. We needed a quick solution and hosted the videos on vimeo for the time being. We would like to revisit the issue. Currently, we’re running php 5.4 and changed the plugin folder to “plugin-old”. Unfortunately where was no change with the hosted video not playing. :(
We’ll continue to try reinstalling the theme via ftp. Since we’re using a child theme is there another method for swapping out a fresh install? The instructional video was from 2013 and didn’t address a child theme environment.
Thanks again for your help!
PS
New login credentials in the private content area.

Which video? There are 3 video presentations on the test page. The top one is the one that’s broken and doesn’t render presented as a background video–should auto play but instead the loading gif is all that renders.

We understand the benefits from hosting the video with youtube or vimeo although there are limitations with how the video is presented and you have to pay them for certain features we receive for free self hosting. We have the bandwidth and server capacity to self host so we really need to fix this bug.

We reinstalled the theme via ftp after disabling all the plugins and the self hosted video continues to not play as it should.

Again the test page contains the self hosted background video (youtube compression and format) at the top, the self hosted video presented in enfold video element player second (which plays fine when you hit the play button and finally the youtube hosted background video which also plays with no problem. Again all the same video files just presented differently. Quite the mystery. Thanks!

Hi Basilis,
The video is .mp4 youtube compressed video. To get a format for testing we uploaded the video to youtube then downloaded their converted video file to upload to our server. So what’s hosted on our server is the same as what’s being served from youtube in the other video presentation tests on the page.

Again what is being used in the background video in the top presentation is identical to what is being used in the second presentation. The only difference is the video is served in your enfold video player element–which works fine. It’s a real mystery as to why the background video is breaking an only serving the loading gif.

As a side note, we have been provided by enfold support custom css to modify the background video in the fullscreen element but upon reviewing it I don’t see anything that would prevent the color section or fullscreen element from autoplaying a self hosted video. That said I’m not a web developer so I’m not 100% sure. Are you seeing anything there that may affect the bg video from playing?

Thanks!
Eric

I’m pretty sure the javascript error isn’t why the top video is not playing. the javascript error you’re seeing is coming from the youtube hosted video. I replaced that video with the same video file uploaded to vimeo on the test page.

The self hosted video plays fine in an enfold video player element (second example on the test page) but not in the fullscreen or background video element (located at the top of the test page).

Any other idea as to why the self hosted video as a background video is not playing?

Hi All,
We ended up using the background video feature of layerslider as trying to find a solution to the background slider or full screen slider was taking too long to troubleshoot. We’ll be migrating to AWS where we’ll have more control over the serving environment and will try to find a solution then. Until then Layer Slider seems to be working fine after a few tweaks to their custom CSS.

Thanks for all your help with trying to troubleshoot the issue with the background video issues we were having.
Best,
-E