html5media: Mehrere Videos auf einer Webseite per Smartphone abspielen

Hallo,

ich habe mehrere Videos per html5media als MP4-Video auf einer Unterseite eingebunden. Es funktioniert auch ganz wunderbar, bis auf das Problem, dass auf dem Smartphone (Android 6) nur ein Video abgespielt werden kann. Immer nur das Erste, welches man angeklickt hat. Klickt man dann auf ein zweites Video, wird es nicht abgespielt oder es kommt eine Fehlermeldung (je nach Browser). Die noch nicht abgespielten Videos kann man allerdings runterladen und dann abspielen.

Hier die Seite dazu: https://www.easyclockin.net/funktionen.html

Gibt es hier eine Lösung zum Problem?

j_mediaelement ist eingebunden.

Danke und Viele Grüße

Validiere mal die Seite und behebe die Fehler, obwohl es daran wahrscheinlich nicht liegt. Aber doppelte IDs sind nicht nur invalide, sondern auch schlecht, wenn du mit JS arbeitest.

Auf deiner Seite kann man jQuery nicht normal benutzen. Z.B. läuft mediaelement nicht https://github.com/contao/core/blob/...ent.html5#L12:

PHP-Code:

---

console.log($('video,audio').filter(function() {
  return $(this).parents('picture').length === 0;
})); // null 


---

Sowas einfaches wie

PHP-Code:

---

console.log($('a')); // null 


---

geht schon nicht. Bei dir muss man das so benutzen

PHP-Code:

---

console.log(jQuery('a')); // object with link elements 


---

oder

PHP-Code:

---

$ = jQuery;
console.log($('a')); // object with link elements 


---

Danke für den Tipp!
Leider hat das ausmerzen der doppelten IDs und übrigen Validierungsfehler nichts gebracht.