хотелось бы что то уже делать по функционалу
document.getElementsByClassName('open_link')
document.querySelectorAll('.open_link')
img {
max-width: 100%;
height: auto;
}
<video autoplay="" muted="" loop="" disablepictureinpicture="" webkit-playsinline="" playsinline="" pip="false" poster="poster.jpg">
<source type="video/mp4" src="video.mp4">
</video>
video {
background-color: transparent;
border-bottom: 1px solid transparent; /* хак для предотвращения мелькания при загрузке на некоторых версиях ios */
&::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
&::-webkit-media-controls-play-button {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
&::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
opacity: 0;
visibility: hidden;
}
}
.header-link {
display: flex; /*или inline-flex*/
align-items:center;
}
.header-link img {
flex-shrink: 0;
margin-right: .5em;
}
border: none
box-sizing: border-box
.top_info {
position: relative;
top: 100px;
}
.top_info {
position: absoute;
width: 100%;
top: 40px;
}