Непонятное поведение видео в slick slider
Проблема появляется при наличии 2+ видео в слайдере.
При воспроизведении видео, если нажать на троеточие на панели управления видео, то оно моргает и останавливается (показывает стартовый кадр второго видео), а звук продолжает идти.
В чем может быть проблема?
.slick-list {
overflow: hidden;
padding: 0;
}
.slick-track {
display: flex;
}
.slider {
position: relative;
&__item.slick-active {
outline: none;
}
&__item {
margin: 0 50px;
}
&__video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}<div class="slider">
<div class="slider__item">
<div class="slider__video-wrapper">
<video src="video.mp4" controls></video>
<!-- <div class="swiper" id="swiper"></div> -->
</div>
</div>
<div class="slider__item">
<div class="slider__video-wrapper">
<video src="video.mp4" controls></video>
</div>
</div>
</div>