如何在不使用<iframe>的情况下控制Javascript中的音频自动播放?

时间:2019-01-11 01:56:59

标签: javascript html

我正在尝试使用音频标签和JavaScript播放背景音乐。 music [0] .play()在按钮单击和窗口单击功能中效果很好,但是music [0] .autoplay = true和music [0] .play()在window.onload和body.onload中均不起作用。我如何使其运行?

main.html

  
  
       

main.js

  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(){
  音乐[0] .play();
  btn.onclick = function(){
    modal.style.display =“ block”;
    video [0] .play();
    音乐[0] .pause();
  };

  span.onclick = function(){
    modal.style.display =“ none”;
    video [0] .pause();
    video [0] .currentTime = 0;
    音乐[0] .play();
  };

  window.onclick = function(event){
    if(event.target == modal){
      modal.style.display =“ none”;
      video [0] .pause();
      video [0] .currentTime = 0;
      音乐[0] .play();
    }
  };
};
 

1 个答案:

答案 0 :(得分:0)

你不能。

除非用户与网站进行了交互,否则自动播放将不再有效。

年龄较大,但此处的相关信息:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes