Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 4, 2020 at 1:50 pm #1250406
    Niederrhein-Wagyu-9

    Dear Kriesi-support,
    I have the following problem: The full width slider height on the site link provided is set to be at max 600 px. The autoplay video content is set to fit the container size and cut it automatically on the left and right (content->full width slider->video (slide 1)-> option 2, view the screenshot). The result I get is the video displayed with black bars all around. How can I solve that?

    What worked partially: I adjusted the content setting (content->full width slider->video (slide 1)-> option 1) so that the video is displayed fully, without cropping it. Then the video fits the container, but shows bars when the resolution of the display is adjusted (no responsiveness).

    This is the CSS code I used to adjust the slider height:

    .headerhof .avia-slideshow-inner, .headerhof .avia-slideshow-inner img {
    height: 600px !important;
width: 100% !important;
}

    Thanks in advance for your help!

    October 9, 2020 at 3:08 pm #1251725
    Ismael

    Hey Niederrhein-Wagyu-9,

    Thank you for the inquiry.

    The available adjustments for a video slide is setting it to fit the container, this will produce black bars on both sides of the video, or set it so that it covers the whole container. The latter option might cause the video to overflow outside the slider container but it will maintain the video’s aspect ratio.

    We could set the video to always inherit of the size of the slider container, but it will surely get distorted on certain screen sizes. Most users usually set the Video Size settings to the second option. This way you will prevent black bars from appearing and maintain the video’s aspect ratio.

    Best regards,
    Ismael

    October 21, 2020 at 4:48 pm #1254703
    Niederrhein-Wagyu-9

    Hey Ismael,
    thanks for explaining! We would like to set the video to always inherit the height (not size) of the container (the possible overflow to the left and right is not a problem, or acceptable). Can you help us achieving that, please?
    Best,
    Ruven

    October 26, 2020 at 5:07 am #1255603
    Ismael

    Hi,

    We would like to set the video to always inherit the height (not size) of the container (

    This will surely create black bars within the slider, or on both sides of the video because the aspect ratio of the video is 16:9, so the video is wider than it is taller. Making it overflow to the left and right means we have to distort or stretch the video because the slider container is also wider compare to its own height. Again, your best option is to set the Video Size settings to the second option so that the video overflows outside the background positioning area while maintaining its aspect ratio.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.