Взаимодействие аудио и видео

Question

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

<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>

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

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

Answer 1

<video src="video.mp4" class="play" onplay="clickPause(1)"></video>
<audio src="music.mp3" class="play" onplay="clickPause(0)"></audio>
<script>
 // Pause / play
let a = document.getElementsByClassName("play");
function clickPause(b) {
    a[b].pause(); 
    a[b].currentTime = 0;
}
</script>

БЛОГ НА HUSL

Взаимодействие аудио и видео

Ответы (1 шт):