HTML - Vídeo de fondo con letras encima

 Vídeo de fondo con letras encima en HTML 5 y CSS 3

HTML 5

    <nav>

        <video src="../media/playita2.mp4" controls autoplay loop></video>            

       

        <h1>Contact us</h1>

    </nav>

CSS

nav{

    width: 100%;

    height: 300px;

    background: red;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    overflow: hidden;

}

nav::before{

    width: 100%;

    height: 100%;

    content: "";

    background: rgba(0, 0, 0, 0.596);

    position: absolute;

}

nav video{

    width: 100%;

}