Javascript chrome上没有音频

我有一个简单的视频播放器，我想在页面加载播放视频和背景音频

我尝试了stackoverflow的解决方案，但似乎没有任何效果

这是我的解决办法

Html

这里是在线演示

在edge、safari和opera上播放，但在chrome上没有音频

---

为什么音频和声音不能在chrome上播放？

可能是@zod的副本这不是副本，您提供的链接没有解决方案我已将其标记为副本-问题是chrome有一个策略，即只有在用户操作提示时才会播放音频， seehttps://developers.google.com/web/updates/2017/09/autoplay-policy-changesduplicated 问题！这是因为隐私，但在这个网站上搜索，你可以找到不同的技巧

<audio id="audioplayer" playsinline controls loop autoplay hidden>
   <source src="audio/muzyka_meed_loop.mp3" type="audio/mpeg">
   Your browser does not support the audio element.
</audio>

<div id="video-container">
   <video id="videoplayer" playsinline muted autoplay>
      <source src="videos/good_job.mp4"></source>
   </video>
</div>

 //onload play background audio
    window.onload = function() {
            document.getElementById("audioplayer").play();

     }

  //promise to play video
   if ($("#muted-btn").hasClass("muted")) {
        $("#videoplayer")[0].muted = false;

        var playPromise = $("#videoplayer")[0].play();

        if (playPromise !== undefined) {
            playPromise.then(function () {

            }).catch(function (error) {
                $("#videoplayer")[0].muted = true;
                $("#videoplayer")[0].play();
            });
        }

    } else {
        $("#videoplayer")[0].muted = false;
        var playPromise = $("#videoplayer")[0].play();

        if (playPromise !== undefined) {
            playPromise.then(function () {

            }).catch(function (error) {

                $("#videoplayer")[0].muted = true;
                var playPromise2 = $("#videoplayer")[0].play();

                if (playPromise2 !== undefined) {
                    playPromise2.then(function () {

                    }).catch(function (error) {

                    });
                }
            });
        }
    }