Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 3, 2020 at 10:47 am #1189675
    whdsolutions

    On the site http://mckee-new-co-uk.stackstaging.com/ we need the video in the background to fill the height and width of the container no matter the size of the browser window.

    If you make the window smaller, we start to get black at the top and bottom, this needs to fill no matter what – how is this achieved?

    March 6, 2020 at 10:58 am #1190806
    Ismael

    Hey whdsolutions,

    Thank you for the inquiry.

    Try to set the Styling > Background Video > Video Aspect Ratio to 16:9 instead of 4:3. That should make the video cover the whole section.

    Best regards,
    Ismael

    March 6, 2020 at 1:38 pm #1190869
    whdsolutions

    That does not work either it causes black parts on the sides and the top and bottom!

    I just need the video to stretch top and bottom, left and right no matter the size of the window

    Or simply overflow if neccesary!

    • This reply was modified 5 years, 8 months ago by whdsolutions.
    March 9, 2020 at 11:17 am #1191426
    Ismael

    Hi,

    The video itself actually contains the black bars or space. You may have to edit the video and remove the bars, then upload it again. (see private field)

    Or try to use this css code to stretch it.

    #top #av_section_1 .av-section-video-bg iframe, #top #av_section_1 .av-section-video-bg embed, #top #av_section_1 .av-section-video-bg object, #top #av_section_1 .av-section-video-bg video {
	width: 1988px !important;
	left: -292px !important;
	height: 120vh !important;
}

    Best regards,
    Ismael

    March 9, 2020 at 2:15 pm #1191534
    Guenni007

    “The video itself actually contains the black bars or space. ”

    so re-render your film : https://webers-testseite.de/wp-content/uploads/testbackground.mp4
    this is than 16/9 Format.
    and give to the color-section : “Custom-height in % …” : 56%
    See: https://webers-testseite.de/fullvideo-background/

    March 10, 2020 at 6:09 am #1191704
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you have any luck with that @whdsolutions?

    Best regards,
    Rikard

    March 10, 2020 at 11:56 am #1191777
    whdsolutions

    All good now, thanks for all your help!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Video to fill container height and width’ is closed to new replies.