javascript - 打开新标签时意外取消静音所有静音音频和视频

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;
        }
    }

标签： javascripthtml