在页面加载时停止播放.mp3

时间:2014-02-08 01:17:45

标签: javascript html html5

有没有办法轻松设置一个简单的HTML嵌入标记,以便在文件准备就绪时不播放文件?

<embed src="Audio/WRECK2.mp3" width="280" height="75" ></embed>

当页面加载时,它显然很烦人,它会在没有警告的情况下开始在他们的耳朵里咆哮......

我查看了jPlayer,但是对于我想在我的网站上发布的这个文件来说,这有点过头了。

更新

我现在尝试了以下操作,因为autostart =“false”似乎无法正常工作。我从多个地方得到了这个建议,但它仍然不起作用......

<object width="280" height="75">
<param name="autoplay" value="false">

<embed src="Audio/WRECK2.mp3" width="280" height="75" autoplay="false" controller="false">
</embed>
</object>

2 个答案:

答案 0 :(得分:0)

播放音频

var clicked = false, play = document.getElementById("play");
play.IS_CLICKED = false;
play.addEventListener('click', function() {
    if(!this.IS_CLICKED) {
      audio = document.createElement('embed');
      audio.setAttribute('src','Audio/WRECK2.mp3');
      audio.setAttribute('width', 280);
      audio.setAttribute('height',75); 
      document.body.appendChild(audio);
      this.IS_CLICKED = true;
    } 
});

答案 1 :(得分:0)

Eugene P值得赞扬...我不确定为什么我不知道HTML有音频标签,但这很有效。

<audio controls preload>
<source src="Audio/WRECK2.mp3" type="audio/mpeg" />
Your browser does not support the audio tag.
</audio>

您可以使用一些选项以及控件和放大器。预加载,你可以找到所有here