将mp3文件嵌入到跨浏览器的html中

时间:2012-06-18 08:25:50

标签: cross-browser mp3

我使用以下代码将mp3文件嵌入到我的html文档中:

 <embed src="aharddaysnight.mp3" width="140" height="40" autostart="false" loop="FALSE"></embed>

在IE中,这样可以正常工作,因为带有控件的mp3播放器会自动显示出来。

然而,在FireFox中,会出现一个弹出窗口,表示需要其他插件。当我单击选项以安装其他插件时,由于安全证书错误,它不允许我这样做。

在Chrome中,播放器显示,但媒体会自动开始播放,即使代码显示自动启动为“false”。

有没有人有更好的方法来嵌入mp3或修复此问题?

2 个答案:

答案 0 :(得分:2)

我已经在Chrome和Firefox中对此进行了测试,并且可以兼顾两者,并且可以使用。但是如果它是一个长文件,就像我正在尝试的2小时音频那样停止播放。希望它会帮助你,我会继续寻找我的解决方案。

<audio controls="controls">
 <source src="yourURL.mp3" />
 <source src="yourURL.ogg" />
 <!-- fallback -->
  <embed type="application/x-shockwave-flash"                                                         
    flashvars="audioUrl=yourURL.mp3"    
     src="http://www.google.com/reader/ui/3523697345-audio-player.swf"   
     width="650? height="0? quality="best"></embed>
</audio>`

答案 1 :(得分:1)

试试这个

type="audio/mpeg" 

OR

type="audio/midi"