Abspielen von Videos auf einer HTML Slideshow (JavaScript)

[Felix Riesterer]

Lieber Rolf,

Es ist dafür etwas übersichtlicher, wenn Du das aktuelle Slide-Objekt in eine Variable legst.

var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
  var slide = x[i];
  slide.style.display = "none";
  if (slide.pause)
    slide.pause();
}

das geht noch übersichtlicher:

document
  .getElementsByClassName("mySlides")
  .forEach(slide => {

    slide.style.display = "none";

    if (slide.pause) {
      slide.pause();
    }
  });

Und anstatt mit style.display herumzufummeln, sollte man lieber ein hidden-Attribut setzen oder entfernen. Das kann man dann mit CSS als display:none oder display:block ausweisen:

document
  .getElementsByClassName("mySlides")
  .forEach(slide => {

    slide.setAttribute("hidden", "hidden");
    // slide.removeAttribute("hidden");

    if (slide.pause) {
      slide.pause();
    }
  });

Liebe Grüße

Felix Riesterer