javascript - chrome上没有音频

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

                    });
                }
            });
        }
    }

这是在线演示演示

在边缘，野生动物园，歌剧它播放，但在 chrome 上没有音频。

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

标签： javascriptjqueryhtmlhtml5-videohtml5-audio