如何修复页面加载后无法自动播放的音频? -html

时间:2019-06-12 14:36:10

标签: javascript html

我正在尝试在加载页面时播放音频,这应该非常简单,但是我无法完成。

问题是它没有在播放,我尝试检查自动播放的状态(真/假),并说它在页面加载时确实在播放,尽管它​​没有加载,还试图制作一个会改变自动播放的功能声明为True,但是它什么也没做...

<html>
<head >
    <audio controls autoplay id='myAudio'>
            <source src="..//sounds//firstpagesong.mp3" type="audio/mp3">
            <source src="..//sounds//firstpagesong.mp3" type="audio/mp3">
            Your browser does not support the audio element.
    </audio>
</head>
    <body onload="tryy()">
        <p id="demo"></p>
        <button onclick="myFunction()">Try it</button>
        <script>
            function myFunction() 
            {
                var x = document.getElementById("myAudio").autoplay;
                document.getElementById("demo").innerHTML = x;
            }
            function tryy()
            {
                var audio = document.getElementById("myAudio");
                audio.autoplay = true;
                audio.load();
            }
        </script>
    </body>

也在这里寻找类似的问题,并尝试了他们的解决方案,但没有一个起作用。

1 个答案:

答案 0 :(得分:2)

  

我正在尝试在加载页面时播放音频,这应该非常简单...

是的,不是。如今,在所有主流浏览器中,声音的自动播放功能在很大程度上已被禁用。

另请参阅:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes