Неожиданное включение всех отключенных аудио и видео при открытии новой вкладки

Question

Я использую приведенный ниже код для переключения между отключением / включением звука всех видео и аудио на странице html5, и все работает нормально.

Если я выполню код, все видео и аудио будут отключены правильно. затем, если я открою новую вкладку в браузере, а затем вернусь к исходной вкладке, произойдет проблема, и все аудио и видео неожиданно включатся!

Как я могу исправить эту проблему и почему это происходит ...

Вот код:

  /* mute/unmute all audios and videos */
    var allAudios = document.getElementsByTagName('audio');
    var allVideos = document.getElementsByTagName('video');

    if (allAudios.length > 0 && allAudios[0].volume > 0) {
        for (var a = 0; a < allAudios.length; a++) {
            allAudios[a].volume = 0;
        }
    } else {
        for (var a = 0; a < allAudios.length; a++) {
            allAudios[a].volume = 1.0;
        }
    }


    if (allVideos.length > 0 && allVideos[0].volume > 0) {
        for (var a = 0; a < allVideos.length; a++) {
            allVideos[a].volume = 0;
        }
    } else {
        for (var a = 0; a < allVideos.length; a++) {
            allVideos[a].volume = 1.0;
        }
    }