Docs

[HenkinSchultz]

Hi,

My site http://yrb2.websitehs.com/ has a youtube embedded as the background header in the homepage. I have a few questions with this:

1. How can I get it to loop and play over and over? I have tried all options under Rev Slider > Source Settings > Loop Video and nothing is working?

2. Is there a way to get the video to work on mobile devices?

3. I noticed that where it ends, when no loop is going obviously, it displays the attached screenshot (dd.png) at the end. This same shot also momentarily displays at the beginning when only the second screenshot should be displayed. Do you know what is going on?

[Lely]

Hi There,

1.) Please check this thread:https://community.theme.co/forums/topic/background-video-loop-in-revolution-slider/page/2/#post-817538

2.)It depends on how to you add the video. Please check this:https://www.themepunch.com/faq/video-not-showing-up-on-mobile/ If you’re using Background Video in Slider Settings: Above Masthead, video will not also play because it is disable by default. Since it is a background there’s no way to interact with video on mobile.

3.)Please check again after applying the suggestion on #1.

Hope this helps.

[HenkinSchultz]

Hi thanks,

I got the video to loop, but is there a way I can hide the cover image for desktops? It flashes in momentarily and looks like an error. I only want the image to appear for mobile devices.

In fact when you load the page http://yrb2.websitehs.com/, it starts out black, to whitish-gray, youtube thumb, and then plays the video. It would be nice that it goes from black to video like your integrity demo does.

I used this media query and it did not work for hiding the cover image (from Rev slider):

/* Desktop */

@media (min-width:980px) {
.tp-bgimg.defaultimg {
background-image: none!important;
}
}

[Rue Nel]

Hello There,

Simply update your code. You can make use of this code instead:

@media(min-width: 980px){
  .x-slider-container {
    background-color: #000;
  }
  
  .tp-bgimg.defaultimg {
    display: none !important;
  }    
}

Please let us know if this works out for you.

[Author]

Posts