Tagged: embed, video, Video Error
Hi there!
On the site I am working on, there are a couple of Vimeo videos I’ve embedded (using the Media element: Video) which are displaying strange black lines on the bottom and sides of the videos as the page changes sizes. Depending on the size of the page, they vary on which videos and which sides they appear on. Is there any way I can use CSS to force this to not happen, or something I can check off on the element/grid row that will force it to stop doing that?
Thank you!
Hey teamvelocitymarketing,
I see some black lines as well but only after manually adjusting the site of the browser, which is a very unlikely user scenario. Does it ever happen on first load, or only after resizing?
Best regards,
Rikard
For some users it is happening on first load, yes. It becomes more obvious when resizing the page manually, but sometimes upon first load a line will appear on one of the three videos (usually the middle one).
Hi,
Sorry for the late reply and thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.avia-video, .avia-video iframe, .avia-video video {
background-color: #fff !important;
}
Then clear your browser cache and any cache plugin, and check.
Best regards,
Mike
That worked. Thank you SO much!