如何在不使用<;的情况下控制Javascript中的音频自动播放;iframe>;?
我正在尝试用音频标签和javascript播放背景音乐。音乐[0]。播放()在按钮单击和窗口单击函数中运行良好,但音乐[0]。自动播放=true和音乐[0]。播放()在window.onload和body.onload中都不工作。我怎样才能让它运行 main.html如何在不使用<;的情况下控制Javascript中的音频自动播放;iframe>;?,javascript,html,Javascript,Html,我正在尝试用音频标签和javascript播放背景音乐。音乐[0]。播放()在按钮单击和窗口单击函数中运行良好,但音乐[0]。自动播放=true和音乐[0]。播放()在window.onload和body.onload中都不工作。我怎样才能让它运行 main.html <body onload="musicOn()"> <div> <audio class="music"> <source src="./media/newuser
<body onload="musicOn()">
<div>
<audio class="music">
<source src="./media/newuser.mp3" type="audio/mpeg">
</audio>
</div>
</body>
你不能
自动播放不再有效,除非用户已与站点交互
这里有一些较旧但相关的信息:你能把你的代码放在codepen或JSFIDLE中并提供链接吗?这里!>>是否也有办法用javascript控制它?@H.Kwon不,没有。由于开发商多年来滥用这一政策,我们现在都不得不接受这一政策。
var modal = document.getElementById("myModal");
var btn = document.getElementById("title_btn");
var music = document.getElementsByClassName("music");
var video = document.getElementsByClassName("videopop");
var span = document.getElementsByClassName("close")[0];
window.onload = function() {
music[0].play();
btn.onclick = function() {
modal.style.display = "block";
video[0].play();
music[0].pause();
};
span.onclick = function() {
modal.style.display = "none";
video[0].pause();
video[0].currentTime = 0;
music[0].play();
};
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
video[0].pause();
video[0].currentTime = 0;
music[0].play();
}
};
};