
-
AuthorPosts
-
August 14, 2025 at 5:31 pm #1488056
Hi Enfold Team,
I’am using Fullscreen Slider with several pictures, fullwidth, parallax.
Now I’ve tryed to ad a video (16:9) witch I would like to have displayed allways using the full hight, so that there is no space beyond or above the video. I’ve tried both options given in the slide, got every time the black space above and beyond. I’ve tried also the ccs from your documentation site for customizing. But it wont work.
What I’am doing wrong?cheers Andreas
August 15, 2025 at 10:45 am #1488089Hey andreas_anselm,
Thank you for the inquiry.
Have you tried setting Styling > Video Settings > Video Display to the second option (Stretch video so it covers the whole slideshow)? Please refer to the screenshot below.
If this doesn’t work, please create a test page so we can inspect the issue properly.
Best regards,
IsmaelAugust 15, 2025 at 11:49 am #1488093Hi Ismael,
yes sure, I’ve tried that setting at first. Then I’ve emptied the wohle slide show, only kept the vieo slide and got the same issue.
O. k., you mean a testpage with a private link an amdin access I guess?August 16, 2025 at 10:29 am #1488128August 18, 2025 at 12:34 pm #1488179This reply has been marked as private.August 19, 2025 at 3:31 am #1488219Hi,
Thank you for the info.
The video slide seems to be displaying in full, without black borders. Did you figure out the issue?
Best regards,
IsmaelAugust 19, 2025 at 9:33 am #1488234Hi Ismael,
not realy. If you use a Standard resolution of 1920 x 1080 and have the browser on fullscreen it works, but if you adjust the browser window more narrow, you’ll got the black bars, instead of filling the hight.
And also the video won’t be displayed on mobile.best regards
ciao AndreasAugust 20, 2025 at 3:44 am #1488281Hi,
Thank you for the update.
Try to add this css code to prevent the video from showing black bars on screens with different aspect ratios.
#top .avia-builder-el-0 .av-element-cover iframe, #top .avia-builder-el-0 .av-element-cover embed, #top .avia-builder-el-0 .av-element-cover object, #top .avia-builder-el-0 .av-element-cover video { object-fit: cover; }
Best regards,
IsmaelAugust 20, 2025 at 11:59 am #1488300Hi Ismael,
thank u, it works :)
BUT – only desktop.
On mobile I’ll be shown a message, that I’Ve to install a fallback-picture.
In addition, do you’ve any solution for that issue.thx in advance
AndreasAugust 21, 2025 at 4:44 am #1488336Hi,
Thank you for the confirmation.
install a fallback-picture.
Yes, the video will not display on mobile or smaller screens by default, which is why a fallback image is provided. Please refer to the screenshot below. If you need the video to display on mobile, try using the Layer Slider element.
Best regards,
IsmaelAugust 21, 2025 at 11:42 am #1488350Hi Ismael,
yes, I know about this option, but I’ve tought there was a posibility with css or else to get around this for preventing to build the whole new slider.
Thank you,
best regards AndreasAugust 25, 2025 at 8:57 am #1488484Hi,
Unfortunately, this will require significant modifications that are beyond the scope of support. You may need to hire a freelance developer to adjust the slider scripts and templates to your specifications. Please check the link below for further customization.
— https://kriesi.at/contact/customization
Best regards,
IsmaelAugust 25, 2025 at 9:19 am #1488488Hi Ismael,
thank you for the information. I’ve decieded to work it out using Layer Slider.
have a good start &
ciao AndreasAugust 26, 2025 at 5:28 am #1488514 -
AuthorPosts
- The topic ‘Fullscreen slider’ is closed to new replies.