jQuery Funktion: Autoplay

Guten Tag liebe Joomla! Community. Ich hab mich man wieder an das mir völlig unbekannte Javaskript gemacht und komme leider nicht weiter. Es geht um folgenden Code:

(function($) {
    $(document).ready(function() {
        $('#audiopopup1')[0].play(function() {
            if(audio.currentTime == audio.duration) {
                $('#audiopopup2')[0].play();
            }
        });
    });
})(jQuery);

Wie man sieht noch sehr simpel. Soll 2 Zwecke erfüllen:

1. Die im HTML definierte Audiodatei mit der ID "audiopopup1" automatisch abspielen, wenn man die Seite abruft. Funktioniert!
2. Automatisch die nächste Audiodatei mit der ID "audiopopup2" abspielen, sobald audiopopup1 zu Ende ist. Funktioniert noch nicht.

Wie man sieht hab ich es mit audio.currentTime == audio.duration versucht, aber ohne Erfolg. Da ich ein kompletter Neueinsteiger bin, was die Sache angeht, komm ich mit Google Einträgen und jshint.com nun auch nicht mehr weiter.

Ich hoffe hier sieht jemand das Offensichtliche und kann mir weiterhelfen.

Mfg

Hab es probiert, leider ohne Erfolg. Autoplay funktioniert sowohl für den 1. sowie 2. Tag. Das Problem liegt also irgendwo beim if Code.

Danke für den Lösungsansatz soweit.

Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH

Meldung kam nachdem die audiopopup1 MP3 bei 3:34 Minuten von 3:24 angekommen und somit geendet ist.

Keine Ahnung wie das passiert ist, eine Lösung hab ich nämlich nicht gefunden. Dann hätte ich nämlich auch auf meinen Fund hingewiesen. Für die Google-Nachwelt.

Sorry für den Doppelpost, aber oben ist mir ein Tippfehler unterlaufen.

Zitat von Roy

Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH

Meldung kam nachdem die audiopopup1 MP3 bei 3:34 Minuten von 3:34 angekommen und somit geendet ist.

Fehlermeldung kommt wenn die Audio-Datei zu Ende geht.

Die Seite kann ich noch nicht öffentlich schalten. Aber hier mal der ganze Code in JSFiddle: https://jsfiddle.net/_Roy/e8b3eazv/

Seite nutzt:
jQuery v1.12.4
jQuery Migrate v1.4.1

Vielen Dank! Ist auch sauberer gelöst als mit .currentTime/.duration, und gibt mir Aufschluss darüber wie jQuery funktioniert. Falls es wen interessiert:

(function($) {
    $(document).ready(function() {
        $("audio").on("play", function() {
            $("audio").not(this).each(function(index, audio) {
                audio.pause();
            });
        });
    });
})(jQuery);


(function($) {
    $(document).ready(function() {
        var audio1 = $('#audiopopup1')[0];
        var audio2 = $('#audiopopup2')[0];
        audio1.play();
        audio1.addEventListener('ended', function(){
            audio2.play();
        });
    });
})(jQuery);

1. Abschnitt bewirkt, das nur eine Audiodatei gleichzeitig abgespielt werden kann.

Mfg

Herzlichen Dank für die Hilfe, Meister!