html5media: Mehrere Videos auf einer Webseite per Smartphone abspielen

[boile]

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

[Andreas]

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:

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

Sowas einfaches wie

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

geht schon nicht. Bei dir muss man das so benutzen

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

oder

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

[boile]

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