- Posts
Hello, when using a video file in place of background such as the lead hero on our site, the video file shows in Safari, but not in any other browser. Does anyone know how to fix this issue?
These video backgrounds do not work in Chrome, Firefox, etc. Just Safari.website http://deftflux.com
we have 2 video backgrounds that should be showing. One at the top of homepage (hero section) and one at bottom page behind the 4 red columns.
Any assistance appreciated. Thanks!Hello Amber,
Thank you for reaching out to our support team.
The background-image property in CSS is designed to accept image file formats (like .jpg, .png, .gif). Chrome (and other browsers) interpret the url() value within background-image as a path to an image, not a video.
You can try to use the <video> tag to create background videos. For example you can look at the guide here.
Thanks
Elana.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
