Docs

[elizaabola]

Hi! So I’ve been having a problem with revolution slider. For some reason this one slider keeps zooming in on the video background when I don’t want it to. I can’t figure out why it’s zooming in. I’ve made 2 other sliders with video backgrounds with the exact same settings, but only this one slide is zooming in.

This is the page with the zooming slider:
http://youronlinecoachjosh.com/top-tier-traffic/

These are the pages with the non-zooming sliders:
http://youronlinecoachjosh.com/top-tier-funnels/
http://youronlinecoachjosh.com/top-tier-coaching/

[elizaabola]

This reply has been marked as private.

[Rupok]

Hi there,

It seems they are covering in same ratio so the zoom level is same as well. But the video you are referring has the object on bottom lower part so it looks zoomed when it’s same as other.

You can try adding this under Custom > CSS in the Customizer.

.rev_slider video {
  object-fit: none !important;
}

Or just use this for larger screens :

@media only screen and (min-width: 1400px) {
.rev_slider video {
  object-fit: none !important;
}
}

Hope this helps.

[elizaabola]

That fixed it! Thank you! Just so I understand, though, could you explain to me what object that video had that made it zoom? Thanks again you guys are great!

[elizaabola]

Actually on second thought, the css rules you sent me make the video ignore the height and width of its parent container. I want the video to be full width, but without the zoom. I think if you explain to me what that object is in the video in question that is causing it to zoom I could fix the slide.

Thanks!

[Lely]

Hi There,

Please check this:https://css-tricks.com/almanac/properties/o/object-fit/
By default it is set to cover.
Try updating the CSS to this instead:

@media only screen and (min-width: 1400px) {
.rev_slider video {
  object-fit: contain !important;
}
}

Hope this helps.

[elizaabola]

Ok that did it. Thanks!

[Rahul]

Glad it worked for you.

Let us know if we can help with anything else.

Thank you.

[Author]

Posts