xhtml页面插入mp3的四法之比较
上次有个朋友在问,有的论坛的在线Mp3用Firefox显示不了。这次我们就用四种常见的标准方法来插入Mp3文件到xhtml页面中,特别在这里提到最常用最简便也最被流行浏览器支持的embed标签其实是不标准的,在xhtml中是不存在的。在下面的测试中我们只列举几种流行的浏览器, 尽管每台Windows机器至少都有一种默认Mp3播放器,但结果看来并不会是全部都能正常调出 Media Player 2。有可能有的会说找不到文件,也许和你的文件关联有关系哟。具体代码你可以直接察看本页的源码。
I.E./Active X 法
使用了classid
和Active X
,所以只能工作在IE。(上次有个wenqx朋友说的那个论坛的在线播放就是采用的这种方式)
- 适用于
- I.E. 6 (W2K及以上)
- 显示“错误”
- Mozilla 1.4及以上
- I.E. 5 (Mac OS9)
- Opera 7 (W2K)
标准方法 (audio/mp3)
使用了type
属性并指定了audio/mp3
(我的wmp10是没有这个MIME格式,这就要看你的默认播放器了)。但并未指定播放器,这里把文件格式作为重要的因素。
- 适用于
- I.E. 6 (W2K及以上)
- Mozilla 1.4及以上
- 显示“错误”
- I.E. 5 (Mac OS9)
- Opera 7 (W2K)
- 有可能显示空的文本框
- I.E. 6 (W2K)
标准方法(audio/mpeg)
使用了type
属性并指定audio/mpeg
, 但仍未指定播放器,这里把文件格式作为重要的因素。
- 适用于
- Mozilla 1.4及以上
- 显示“错误”
- I.E. 5 (Mac OS9)
- Opera 7 (W2K)
- 有可能显示空的文本框
- I.E. 6 (W2K)
指定播放器法
使用了type
属性并指定了application/x-mplayer2
。MediaPlayer 2应该会冒出来,它是Windows的标准程序。
- 适用于
- I.E. 6 (W2K及以上)
- Mozilla 1.4及以上
- 显示“错误”
- I.E. 5 (Mac OS9)
- Opera 7 (W2K)
有没有用W2K,w98,winME(IE5~5.5)的朋友?能不能说说你们看到哪几个是错误(不能播放)?
我怎么看所有都是错误呢?我用firefox。
Virushuo:我之前有一个文章《Firefox播放在线MP3》你可以找找,弄好了,再来看看,应该是可以看到下面三个可以播放出来的。
不错,我的IE/FF/OP,全部能工作的只有第四个,而且能通过校验。
浏览器兼容的在线播放器语法
昨天贴了一篇关于beyond的歌曲mp3,采用的是最常见的 <object id="mplayer" type="application/x-oleobject" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" … 写法,结果发现在Firefox上殮.
Opera没有一个是对的!!
看来楼上朋友的opera用的还不是很熟。
我用的IE,只有第一个正常,其余错误。
FIREFOX下,最后两个正常,其余错误。
我的操作系统:windows xp & sp2.
windows 2003 sp1 + ie6
1,3,4正常