Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #293635

    Good Evening,

    I have a video embed added as a background in a color section block.

    This displays as full width but shows black bars when browser is rezised smaller than ~1400.
    These are very noticeable at ~1000px.

    If I use a easy full width background and add the video as single slide – these bars are not displayed.
    (They appear on resize, but some jquery seems to resize or zoom the video to hide them)
    Is there a way to have this work on a color block embed.
    Comparison –

    I have looked at using the easy full width option and then applying a negative margin-top to the containter, however this gets difficult due to number of targeted browser widths.

    I have disabled the video on mobile and have replaced with static image, so only desktop widths need adjusting.

    Warm regards



    Hey pbennion!

    Thank you for using the theme.

    Do you mind if we take a look at the actual website? Please post it here. Make sure that you’re running Enfold 2.9.1 with the latest version of WordPress.

    Best regards,

    This reply has been marked as private.


    The actual youtube video that you use doesn’t have the correct aspect ratio. It should be 16:9 or 4:3.

    This is a good example of the video that you should use:



    Good Evening,

    Thanks, I hadn’t actually noticed that the video had bars on actual video (as had swapped about 5 in last few days to find one that fit with the styling).

    However is there some code I could add to have it display like the easy full width slider. As this one will zoom in automatically and remove these bars?




    Good Morning,

    Thanks for the tips,

    I have now downloaded and reencoded the video as 16:9 without the black bars.

    It now works as expected.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Background Video Sizing Black Bars’ is closed to new replies.