Приветствую! Есть обычный код видео (с кнопкой - картинкой), controls отключены:
<div class="my-video">
<video>
<source src="/catalog/123.mp4" type="video/mp4">
</video>
<img class="play-button" src="/catalog/play-button.png" alt="">
</div>
Подскажите как сделать, чтобы видео проигрывалось при клике на кнопку (при этом кнопка исчезает, opacity: 0 или display: none). Если же во время проигрывания видео кликнуть по нему, то оно ставится на паузу, и, кнопка play появляется. Обгуглил всё - нормального решения не нашел. Подойдет и js и jquery.
Заранее, спасибо!
P.S. Видео может быть несколько на странице, поэтому вариант js с getElementById не подходит.