Всем привет. Нужна помощь!
Есть модальные блоки на remodal.js, вот структура:
<div class="remodal custom-modal" data-remodal-id="modal1">
<video src="/video/hun.mp4" loop controls muted playsinline></video>
<div class="content-cam-block">
<button data-remodal-action="close" class="custom-close"></button>
<h4>название</h4>
<footer class="footer-modal">
<a href="#modal8" class="back-link""'>Назад</a>
<a href="#modal2" class="next-link">Вперед</a>
</footer>
</div>
</div>
и соответственно блок, при нажатии на который открывается то, что нам нужно:
<a href="#modal1">
<div class="block-cam">
img src="/img/hen.png">
</div>
</a>
Таких элементов много и в каждом из них есть видео. Видео довольно большое и тяжелое. Если делать автоплей, то все будет лагать. Идея в том, чтобы при открытии модального окна внутри него видео начиналось, а при закрытии или перелистывании останавливалось. Как сделать это на Jquery? Желательно кодом...
