MP4 file for background on jmix v2 login screen

Support
#1

I know I asked this before 3 years ago but flow UI is a total different deal and I need to relearn some things. Can someone please help me put an mp4 file in some branding folder and put that as a background on my login screen?

Many Thanks
Eduardo

#2

Never mind I figured it out!

Find your SecurityConfiguration class… should have your app name as prefix

@Configuration
public class AppSecurityConfiguration {
    @Bean
    @Order(JmixSecurityFilterChainOrder.FLOWUI - 10)
    public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
        http.securityMatcher("/branding/**")
                .authorizeHttpRequests((authorize) -> authorize.requestMatchers("/branding/**").permitAll());
        return http.build();
    }
}

image

In the login page

    protected static final String BG_VIDEO_PATH = "/branding/loginBG.mp4";

    @Subscribe
    public void onInit(final InitEvent event) {
        initLocales();
        initDefaultCredentials();
        createVideoBackground();
    }

    private void createVideoBackground() {
        Element video = new Element("video");
        video.setAttribute("src", BG_VIDEO_PATH);
        video.setAttribute("autoplay", true);
        video.setAttribute("loop", true);
        video.setAttribute("muted", true);
        video.setAttribute("playsinline", true);
        video.getClassList().add("bg-video");
        getElement().appendChild(video);
    }```

CSS

.bg-video {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
z-index: -1;
pointer-events: none;
}