как включить воспроизведение на двух видео одновременно с тегом html5 <button>

Question

Есть идеи, как выполнить следующее?

<video src="video1.ogv" id="ve1" controls>
Your browser does not support HTML5 video.
</video>

<video src="video1.ogv" id="ve2" controls>
Your browser does not support HTML5 video.
</video>

<button onclick="document.getElementById('ve1').play()">
Play</button>

У меня есть два видео с идентификаторами 've1' и 've2' соответственно.На данный момент приведенный выше код для кнопки включит воспроизведение на «ve1» при нажатии!Любой простой способ включить воспроизведение на обоих видео.Я пытался изменить код внутри тега кнопки, но пока безуспешно.

Answer 1

Вы могли бы просто изменить значение onclick на:

onclick="document.getElementById('ve1').play();document.getElementById('ve2').play();"

Но было бы удобнее перенести его в отдельную функцию JavaScript, которая запускает воспроизведение, и вызывает:

onclick="playVideos"

А:

<script>
function playVideos() {
   document.getElementById('ve1').play();
   document.getElementById('ve2').play();
}
</script>