JavaScript 또는 jQuery로 모든 비디오 요소를 얻는 방법

Question

페이지에 여러 개의 비디오가있는 웹 사이트가 있습니다. 동영상의 수는 사용자에 따라 다릅니다. 사용자가 페이지에 액세스하면 모든 동영상이 자동 재생되기를 바랍니다. 데스크톱 및 iOS 브라우저에서이 작업을 수행 할 수 있습니다. 그러나 많은 Android 브라우저에서 자동 재생의 해결 방법이 필요합니다. 내가 querySelector과 querySelectorAll 모두를 시도

<?php 
    for ($i=0; $i < $videos.length; $i++) { 
?> 

    <video playsinline autoplay muted loop> 
    <source class="img-responsive center-block col-md-7" src="<?php echo ${'videos' . $i} ?>" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video> 

<?php 
    } 
?> 


<script> 
var video = document.querySelector('video'); 

window.addEventListener('touchstart', function videoStart() { 
    video.play(); 
    console.log('first touch'); 
    // remove from the window and call the function we are removing 
    this.removeEventListener('touchstart', videoStart); 
}); 
</script> 

: 내 코드를 참조하십시오. querySelector('video')은 분명히 첫 번째 비디오를 선택하는 데 사용되지만 다음 중 하나는 선택하지 않습니다. querySelectorAll('video')에서 동영상을 선택하지 않았습니다.

querySelector에 대한 대안이 있습니까?

Answer 1

당신은

var videoList = document.getElementsByTagName("video"); 

이 페이지

감사에서 모든 비디오 태그를 반환합니다 시도 할 수 있습니다!