Я хочу показать некоторый Контент в классе "оверлейный заголовок" при наведении видео на элементы управления. как имя видео и другие элементы.
, когда я устанавливаю свойство наведения на видео. это не отражает.
, и я хочу сделать условие, что после наведения содержимого в заголовке оверлея отображается и исчезает через 5 секунд. Может ли кто-нибудь помочь мне с css. вот мой html код
<body>
<div class="video-container">
<div class="overlay-header"><h1>Joker</h1></div>
<div class="video-wrapper">
<video class="video" autoplay controls>
<source src="../../assets/movies/joker.mp4" type="video/mp4" />
Your browser does not support HTML5 video.
</video>
</div>
</div>
</body>
вот мой css код
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial;
font-size: 17px;
}
video {
background-color: black;
outline: none;
position: fixed;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.video-container video {
z-index: 0;
}
.overlay-header {
color: white;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}