Facebook与自定义文本v3共享链接

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

我在stackoverflow上尝试了解决方案,但似乎没有效果

这是我的解决方案

<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上播放???