-
AuthorPosts
-
July 20, 2014 at 6:42 pm #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
Paul
July 21, 2014 at 9:52 am #293760Hey 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,
IsmaelJuly 21, 2014 at 10:21 am #293765This reply has been marked as private.July 22, 2014 at 7:06 am #294203Hi!
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: http://www.youtube.com/watch?v=5guMumPFBag
Regards,
IsmaelJuly 22, 2014 at 6:25 pm #294515Good 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?
Cheers
Paul
July 23, 2014 at 4:29 am #294761Good 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.
Cheers
Paul
-
AuthorPosts
- The topic ‘Background Video Sizing Black Bars’ is closed to new replies.
