Прошлые домены не функционирует! Используйте адрес
ARHIVACH.VC.
24 декабря 2023 г. Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна.
Подробности случившегося. Мы призываем всех неравнодушных
помочь нам с восстановлением утраченного контента!
А суть вот в чём: нижеследующий код не работает как положено в мобильной версии. Картинки перематываются как положено, видео тоже перематывается. Видео воспроизводится. Но не открывается на весь экран :с Если попробовать раскрыть видео на весь экран, то оно полсекунду-секунду работает на весь экран, а потом тупо сворачивается, а фрейм со встроенным видео с ютуба перезагружается. В качестве слайдера использовал slick slider.
Вот код
<style>
.thumb-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.thumb-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
outline-width: 0;
}
</style>
<div class="slick-vertical">
<div><img id="image1" class="slick-slide" src="image1.jpg" onclick="showThisSlide(1);"></div>
<!-- то самое видео -->
<div class="slick-slide">
<div class="thumb-wrap"><iframe width="850" height="480" src="ссылка на видео ютуб" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe></div>
</div>
<!-- то самое видео -->
<div><img id="image2" class="slick-slide" src="image2.jpg" onclick="showThisSlide(2);"></div>
<div><img id="image3" class="slick-slide" src="image3.jpg" onclick="showThisSlide(3);"></div>
</div>