镀铬没有声音

Question

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

我在stackoverflow上尝试过解决方案，但似乎没有任何作用

这是我的解决方法

HTML

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

这里js

 //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) {

                    });
                }
            });
        }
    }

这里是在线演示demo

在边缘，野生动物园，歌剧中播放，但在Chrome中没有音频。

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