[DanielParticipant]

Hi,

I have a slider revolution on the home page of a new site design, with several slides. One is an auto-play vimeo (plus) video. It works, but there is an annoying issue: users can’t “scroll” through the video or click along the timeline to advance.

The slider is setup as a “standard” slider, full-width, and the specific slide in question is a “transparent” source with the vimeo video a “content layer” marked as full-screen. Looping is disabled but auto-play is set to 1st time.

The video plays correctly and you can pause and start it fine…you just cant navigate the video at all*. It’s very difficult to make the Vimeo navigation bar at the bottom of the video appear long enough to click on it anywhere other than the play/pause button. Hovering over the bottom of the video does not keep this navigation bar open, like it should. So this makes navigation impossible.

I’ve tested in Safari and Chrome.

*Ok, so this is not entirely true. After playing with it for a long time, you seem to be able to grab the white “bubble” that shows the timestamp of where the video is playing currently and drag it around, but it’s very finicky. On vimeo’s site you can click anywhere along the progress bar to jump to that point in the video. On this slider, you can not.

Any ideas what is causing this?

[RupokMember]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[DanielParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi again,

Thank you for providing the credentials, To fix the issue, just add the following code in your Customizer via Appearance > Customize > Custom > CSS:

.home #x-section-2 {
    margin: 100px 0px 0px 0px !important;
}

Cheers!

[DanielParticipant]

Hello,

Thanks for the code! It works, but I changed it to padding in order to keep the BG of the next element (header text) in the proper location.

In a slightly unrelated issue However, I’ve noticed that the 1st slide image does not “fill” the height of the slider properly. I’ve tried changing the image size, slide content “fitting” setting, and others, but can’t seem to figure out what is causing this. All the other slides’ content fills the slider space (without distorting proportions), but this one image doesnt.

Is this an image size issue, settings issue, or something else?

As always, thanks for the help!

[DanielParticipant]

Also, the site is live now, so you won’t need to login to see it.

[RadModerator]

Hi there,

You should change the background fitting to cover instead of container.

Cheers!

[DanielParticipant]

That did it. Thanks!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts