reference original topic
Hi Tom,
I have the following settings:
Elements (No custom image set)
<video loop muted autoplay poster="http://header-static-picture.jpg" class="background-video">
<source src="http://header-video.mp4" type="video/mp4">
</video>
<div class="background-video-content">
<h1 style="font-size:6vw;"><strong><span >TEXT</span></strong></h1>
<p style="font-size:2vw;"><span>text</span></p>
</div>
CSS
/* hide video on mobile devices */
@media (max-width: 768px) {
.background-video {
display: none;
}
}
Please let me know if you want me to add the custom image. At the moment, the effect that I have on desktop is correct which is the video with a light overlay of the colour of the background (blue).
When I add the custom image in elements, the overlay is the image itself (on desktop).
Thanks