-
Posts
-
Dear support,
i added a self-hosted Video as a background in a colorsection and set the minimum height to 100%. But i got in some browser-widths a grey background on top and below the video. Is there a way to force the video to fullscreen? I found this thread and changed the avia.js as recommended but nothing changed: https://kriesi.at/support/topic/play-video-in-fullscreen/#post-1233484Hey dondela,
Thank you for the inquiry.
Looks like you have already found the Video Display settings. If not, edit the video slide, then go to the Styling panel and set the Video Display to the second option.
Best regards,
IsmaelThanks Ismael,
i added a background-image and played with the video-display settings. But if the browser-width getting to small i still see the gray background color on top and below the video (screenshot). I created a Admin-account, maybe you find what i am doing wrong?Hi,
Yeah, that is odd. I cannot figure out why the video resizes that way, but we may be able to remove the gray border by using this css code. Please note that this will decrease the height of the color section a bit.
@media only screen and (max-width: 1024px) { .avia-builder-el-0.av-minimum-height-100 .container { height: calc(100vh - 170px) !important; } }You may want to apply a unique section ID or class name to the color section and use that instead of the generic selector above.
Best regards,
Ismael
- The topic ‘Background Video fullscreen’ is closed to new replies.