Не отображается блок видео

Имею данную ситуацию

`<div class="hml__video-container" class="video-container"><div class="video-button"></div>
            <video class="hml__video" src="https://www.youtube.com/watch?v=gXlXNshaVzk"></video></div>`



`.hml__video-container {
display: flex;
align-self: flex-end;
align-items: center;
width: 600px;
max-height: 320px;
border-radius: 5px;
border: solid 1px #061e37;
background: url(../img/BGproject.png) center no-repeat;
background-size: 690px auto;
position: relative;
z-index: 1;
&:before {
    padding-top: 56.25%;
    content: "";
}
& video {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    pointer-events: none;
}

}