尽管不使用自动播放标签,但 HTML 音频在页面加载时播放

Posted

技术标签:

【中文标题】尽管不使用自动播放标签,但 HTML 音频在页面加载时播放【英文标题】:HTML audio plays on page load although autoplay tag is not used 【发布时间】:2014-09-09 23:45:46 【问题描述】:

我有一个音频文件,我想用 javascript 函数播放。但是,每次页面加载时都会播放音频文件。但是,我没有使用自动播放标签。

html代码:

<audio id="myaudio" >
    <source src="% static 'game/tada.mp3' %" type = "audio/mp3"/>
    Your browser does not support the audio element.
</audio>

Javascript 代码:

<script>
 function reveal()
 var myAudio=document.getElementById("myaudio"); 
 myAudio.play();
 for (var i = 0;i<10;i++)
   for (var j=0; j<12;j++)
     var div = "#"+String(i)+String(j);
     console.log(div)
     $(div).animate(
     top: j*50+"px",
     left: i*50+"px",
   , 1500 );
   
 
</script>

【问题讨论】:

如果您不想播放 myAudio.play(),请不要调用它... 【参考方案1】:

您拥有myAudio.play();,这与拥有autoplay 属性基本相同。我猜你复制/粘贴了 JS 代码 :)

【讨论】:

但它在一个函数中......是被调用的函数吗?如果是这样,这就是原因,但我认为它不应该是...... 哦,抱歉没看到函数,注意缩进;)我完全不知道。如果你删除所有的 JS 代码怎么办?如果它不播放,则意味着以某种方式调用了 .play() 方法。 我怎么知道,我不是这个问题的所有者 - 我只是指出这一点。似乎OP还没有回复任何内容。 哦,是的,对不起,我很困惑!

以上是关于尽管不使用自动播放标签,但 HTML 音频在页面加载时播放的主要内容,如果未能解决你的问题,请参考以下文章

jq页面加载事件,页面加载完调用音频自动播放怎么写?

js一加载网页就自动播放

HTML/JS - 在页面加载时播放音频文件

播放 HTML5 音频标签,但控件未按预期工作

html audio标签怎么实现自动重复播放

网页 H5 播放音频 audio 问题记录