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> 

나는 각각 id가 've1'과 've2'인 두 개의 동영상이 있습니다. 위의 코드에서 버튼을 누르면 've1'에서 재생할 수 있습니다. 두 동영상 모두에서 재생할 수있는 간단한 방법. 아직 성공하지 못했지만 버튼 태그 내의 코드를 변경하려고했습니다.

Answer 1

당신은 단순히에 onclick 값을 변경할 수 있습니다 :

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

을하지만가는 플레이를 설정하고 호출하는 별도의 자바 스크립트 함수로 이동하는 청소기 수 있습니다 그 :

onclick="playVideos" 

그리고 :

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