Events are not showing - need to force quit audio/video on modal-close about jquery-modal

[Daveke7]

I fixed it, for anyone who would like to know how. This is how I did it.

var audio1 = document.getElementById("audio1");
var audio2 = document.getElementById("audio2");
var audio3 = document.getElementById("audio3");
var audio4 = document.getElementById("audio4");
var player1 = document.getElementById("article-video1");
var player2 = document.getElementById("article-video2");
var player3 = document.getElementById("article-video3");
var player4 = document.getElementById("article-video-2");
var player5 = document.getElementById("article-video-3");

function playMary() {
    audio1.play();
}

function playNancy() {
    audio2.play();
}

function playJames() {
    audio3.play();
}

function playJohn() {
    audio4.play();
}

$(document).on('click.modal', 'a[rel~="modal:open"]', function(event) {
    player1.play(); // Stop playing
    player2.play(); // Stop playing
    player3.play(); // Stop playing
    player4.play(); // Stop playing
    player5.play(); // Stop playing
});

$(document).on('click.modal', 'a[rel~="modal:close"]', function(event) {
    if (audio1) {
        audio1.pause(); // Stop playing
        audio1.currentTime = 0; // Reset time,
    } else if(audio2){
        audio2.pause(); // Stop playing
        audio2.currentTime = 0; // Reset time
    } else if(audio3){
        audio3.pause(); // Stop playing
        audio3.currentTime = 0; // Reset time
    } else if(audio4) {
        audio4.pause(); // Stop playing
        audio4.currentTime = 0; // Reset time
    } else if (myPlayer){
        myPlayer.pause(); // Stop playing
        myPlayer.currentTime = 0; // Reset time
    }
    
    player1.pause(); // Stop playing
    player2.pause(); // Stop playing
    player3.pause(); // Stop playing
    player4.pause(); // Stop playing
    player5.pause(); // Stop playing
    console.log(myPlayer);
});