• Hi team,

    In the previous versions it was possible to use this function to add a responsive fullscreen video in the background.

    Do you have a solution to make it work again with version 3.2 of your plugin?

    Thanks !

    function :

    /*** Age Gate Video BG ***/
    add_filter('age_gate_before', function ($content) {
        $content .= '<div class="age-gate-background-video"><video muted autoplay playsinline loop src="https://www.domain.ext/video.mp4" /></div>';
    
        return $content;
    }, 1);

    CSS :

    .age-gate-background-video {
      position:  fixed;
      width:  100vw;
      height:  100vh;
      top:  0;
      left:  0;
      z-index:  -1;
    }
    .age-gate-background-video video {
        width: 100vw;
        height: 56.25vw;
        min-height: 100vh;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

The topic ‘Video background’ is closed to new replies.