При попытке воспроизведения видео на веб-сайтах автоматически воспроизводятся и другие видео при прокрутке страницы.

Question

Я динамически добавил видео в сценарий. Если я добавил 30 видео, которые я извлек из базы данных и показал на веб-сайте, и когда я попытался воспроизвести конкретное видео, а десять прокрутите страницу вместе с выбранным видео, то некоторые видео воспроизводятся автоматически.

var imgdata = document.createElement("images");
var element;
db.collection("User").doc(userid).get().then(function(doc) {
if (doc.exists) {
  console.log("Document data: in imageshowing", doc.data());
  var latestdata = doc.data()
  var count2=0
  for(i=0;i<title.length;i++){
  var key = title[i]
  var data = latestdata[key];

  var answer = data["Answer"];
  var imagesarray = data["ImageURL"]
  var videosarray1 = data["VideoURL"]

  if(i == title.length - 1){
    if(imagesarray.length > 0){
      for(k=0;k<dummyimages.length;k++){
        count2++;
        element = document.createElement("div");
        element.setAttribute("class","col-xl-3 mb-3")
        element.innerHTML = `<img src=`+dummyimages[k]+` alt="Biograph" class="img-fluid full-height">`
        imgdata.append(element)
      }
    }
    if(videosarray1.length > 0){
      for(l=0;l<dummyvideos.length;l++){  
        count2++
       element = document.createElement("div");
        element.setAttribute("class","col-xl-3 mb-3")
        element.innerHTML = `<iframe src=`+dummyvideos[l]+` style="width:100%; height:280px"></iframe> `
        imgdata.append(element)
      }
    }
    if(count2 == imagesarray.length + videosarray1.length){
      document.getElementById("images").innerHTML = imgdata.innerHTML
      document.getElementById("loadspinner").style.display = 'none'
    }
  }
}
 }
}else {
  console.log("No such document!");
}
}).catch(function(error) {
 console.log("Error getting document:", error);
 });