javascript - 加载页面时如何修复音频不自动播放? - 网页

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

也在此处查找类似问题并尝试了他们的解决方案,但没有一个有效。

最佳答案

I'm trying to play an audio when page is loaded, it should be really simple...

是的,它不是。如今,所有主流浏览器基本上都禁用了有声自动播放。

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

关于javascript - 加载页面时如何修复音频不自动播放? - 网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56564730/

相关文章:

javascript - 将 map 连接到 json 文件 for 循环

javascript - ng-repeat 基于第二个数组的长度的数组

html - CSS 在两个 HTML 标签之间放置一个字符,前提是两者都有内容

javascript - ngresource 无法使用基于 oData 的 Rest Controller 正确过滤

javascript - 如何创建一个 Windows Phone 应用程序来解析网站中的 html 数据

html - 如何让左边的菜单高度根据右边的内容增长

javascript - jquery 点击 li 到下拉列表不起作用

javascript - 添加来自不同字段的值并将它们相加

javascript - 如何使用javascript从html文件触发python中的变量/方法

javascript - 检索自述文件的 HTML