Как сделать взаимодействие аудио и видео?

Question

[Divviner]

Имеется такой простой код(как для примера):

<video src="video.mp4" class="play" onplay="clickPause([0])"></video>
<audio src="music.mp3" class="play" onplay="clickPause([1])"></audio>

<script>
    // Pause / play
    let a = document.getElementsByClassName("play");

    function clickPause(b) {
        for (i = 0; i < a.length; i++) {
            if (!(i == b)) { a[i].pause(); a[i].currentTime = 0; };
        }
    }

</script>

Как сделать, чтобы при нажатии на 'аудио' останавливалось 'видео' и наоборот С учётом, что не будет атрибута controls? Пробовал JS кодом в примере выше не помогло(хотя делал для аудио, и всё было норм).

Возможно я не так правильно гуглил или 'как долго'. Думаю смысл кидать ссылку на песочницу, типа codepen нет

Answer 1

[Саша]

Divviner как вариант в вызове clickPause() делать перебор всех проигрываемых элементов и ставить на паузу, а потом уже запускать актуальный.

Comments

[Divviner]

Спасибо за ваш отзыв!

Я нашёл проблему; она была в том, что не было атрибута controls у тегов, соответственно js просто не понимал, что по умолчанию есть play/pause.

Это, конечно, хорошо, но у меня условие делать БЕЗ controls.

Спасибо за вашу идею, но и эта реализация "попадает под controls".

У меня идей как это обойти пока нет)))

[Саша]

Divviner, не за что!
Можете присваивать кратковременно controls, перед паузой, потом убирать.

[Divviner]

Саша, Спасибо ещё раз за коммент!

И так, извините, что не отвечал по проблеме, но я её решил!

Сделал я её так:

Решил придать атрибут к аудио и видео - controls.
Потом в css, я через вендорные префиксы через opacity "скрыл" для видеоб тем самым все свойства js сохраняются, а для аудио - отключил с помощью display: none;(чтобы нельзя было ни на что нажать);

Такой код(из css) у меня получился:

video::-webkit-media-controls {
    opacity:  0;
}

/*  и все вендорные префиксы */

audio::-webkit-media-controls {
    display:  none;
}

/*  и все вендорные префиксы */

Спасибо ещё раз за поддержку, возможно, если не ваши ответы, то мои идеи не довелись до конца.

Вопрос, пожалуй, не закрою, чтобы(если кому понадобится) помочь в этом.

[Саша]

Divviner, Не за что и вам спасибо за пример вашего решения!