JavascriptにMP4を再生したいものの、自動機能が上手くいかない。

function goToScreen1() {
    changeScreen('game-screen7', 'screen1'); // 画面を切り替え
    var video1 = document.getElementById('video1'); // ビデオ要素を取得

    // ビデオ要素が存在するか確認
    if (video1) {
        video1.currentTime = 0;  // 動画を最初から再生
        video1.muted = true;     // ビデオをミュートにする（必要であれば）
        video1.play().catch(function(error) {
            console.error('ビデオの再生が失敗しました: ', error);
        });

        // ビデオ再生が終了したときに次の画面に移行
        video1.addEventListener('ended', function() {
            goToEndScreen();  // ビデオが終了したらエンディング画面に遷移
        });
    } else {
        console.error('ビデオ要素が見つかりません: id="video1"を確認してください。');
    }
}

//ゲーム画面７(映画的画像)
document.getElementById("next-button7").addEventListener("click", function() {
fadeOut(document.getElementById("game-screen7"), function() {
goToScreen1();  // ここで関数を呼び出す
});
});
function goToScreen1() {
// ゲーム画面7からムービー画面へ切り替える処理
fadeOut(document.getElementById('game-screen7'), function() {
fadeIn(document.getElementById('screen1')); // ムービー画面を表示
var video1 = document.getElementById('video1'); // ビデオ要素を取得
if (video1) {
    video1.currentTime = 0;  // 動画を最初から再生
    video1.muted = true;     // ビデオをミュートにする
    video1.play().catch(function(error) {
    console.error('ビデオの再生が失敗しました: ', error);
});
// ビデオ再生が終了したらエンディング画面に遷移
    video1.addEventListener('ended', function() {
    goToEndScreen();  // エンディング画面へ
});
} else {
    console.error('ビデオ要素が見つかりません: id="video1"を確認してください。');
}
});
}