Background Style: Video should contain <playsinline> attribute so it works in mobile, image should not repeat vertically

This is one of those things that has probably been left behind, ignored by the Bubble team in favor of all the shiny new features. However, it’s one that would be very valuable for us who like a to add a little magic to our UI.

When adding BG video to a group, it doesn’t contain the attribute, therefore, it doesn’t work on mobile. Additionally, the image one sets as a fallback is set to repeat. This should be so it doesn’t look like web 1.0.

CC @nick.carroll

Btw, for anyone wanting looping background video, do this:

Add an html element first:
<video src=“URLOFVIDEO" autoplay loop playsinline muted>

Then drop this little css to make it work:
video {
object-fit: cover;
height: 100%;
width: 100%;
z-index: -9999;
position: absolute;
top: 0;
left: 0;
}