HTML5 <audio>标签不工作/ IE10中

玩我有一个网页，我展示一些音频.OGG/MP3播放，文件浏览器（这是购买正在对“收据”页随机展示的产品听）。HTML5 <audio>标签不工作/ IE10中

的文件是在铬，歌剧，Safari和Firefox超，我可以打他们，暂停，重新启动和一切。

今天我用一个快速解决，并迫使IE浏览器，如果模拟IE7版本的浏览器，然后它的工作原理，但当然是prtty的难看。我也可以跳过<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">并使用兼容性视图并获得相同的结果。

在IE10的Win7（有最新版本），这是显示的，我甚至不能按播放键：http://snag.gy/kANRy.jpg 你可以在为自己寻找：http://energyshop.se/testry.php/

此外，myclient使用IE浏览器的旧版本对她也一样。

我还可以补充说，如果Ihit f12和切换到IE10的兼容性视图，音频将工作，我将能够听取他们 - 但不是只要我unclick兼容性视图。

这是用于音频（测试代码）的代码（和继承人：http://pastebin.com/ENrPj8cx我pdt.php的完整代码版本）：

<!DOCTYPE html> 
<html> 
<head> 
<title>Tack för Ert köp!</title> 
<meta http-equiv="X-UA-Compatible" content="IE=9"/> 

<link rel="stylesheet" type="text/css" href='/phpstyles.css' /> 

</head> 
<body> 
<?php 


           echo("<audio id='testry' controls preload='auto'>"); 
           echo("<source src='/1.mp3' />"); 
           echo("<source src='1.mp3' />"); 
           echo("<source src='1.mp3' />"); 
           echo("<source src='/1.mp3' type='audio/mpeg' />"); 
           echo("<source src='1.mp3' type='audio/mpeg' />"); 
           echo("<source src='/1.mp3' type='audio/mp3' />"); 
           echo("<source src='1.mp3' type='audio/mp3' />"); 

           echo("Your browser does not support the audio tag."); 
           echo("</audio>"); 



?> 
</body> 
</html>

这里是我的.htaccess：http://pastebin.com/2mz8QwEV

而且，这里是我的头，元和文档类型的页面（它的一个pdt.php）

<!DOCTYPE html> 
<html> 
<head> 
<title>Tack för Ert köp!</title> 

<link rel="stylesheet" type="text/css" href='/phpstyles.css' /> 
<script src="http://api.html5media.info/1.1.5/html5media.min.js"></script> 
</head>

我知道IE9 +支持MP3播放，我已经这么怎么了更新？任何人？

来源

2013-05-19 Emanuel Olsson

香港专业教育学院见过一个非常类似的问题这一个。具体处理IE9 + html5音频中的.ogg和.mp3文件类型。

问题通过调整MIME类型声明中的.htaccess文件，文件类型，在其他浏览器中工作得很好解决 - IE9独显，什么也可以用...

要进一步调查工作非常挑剔 - 更多信息很快。

我很好奇，什么是您的主机的情况呢？（WIN/Linux的 - 自托管/共享）我最初设想，因为PHP文件共享的Linux，因为这是最常见的场景。

编辑：

取决于主机的情况 - （你自己的硬件/ VPS /或使用托管共享）有些人已经找到了自己的基于Windows的托管服务提供商的web.config文件实际上覆盖的MIME类型声明但我无法，进行验证作为我的托管情况根据

Linux的一点搜索，我发现这个问题的其他一些记载的案例，涉及一些其他的解决方案后：

for shared/hosted sites, this developer转换^ h是mp3文件。M4A其中有内IE9工作MIME类型

此外，如果你有兴趣this Microsoft Developer Network article - 详细介绍了一下为什么IE9的行为这样

this stack question is similar您的问题Apache Tomcat服务器

来源

2013-05-31 17:24:09 Joe

这是迄今为止最有希望的答案 - 不仅仅是标准的谷歌搜索答案 - 我当然会试用它们。请回复如何调整那个狗屎！ :) –

尽管我已经添加了像“AddType”一样的.htaccess中的“通常”的东西... –

给我一些很好的输入和50是你的 - 其余的f我得到的答案是普通的垃圾 –

请检查的原因，其IE的支持：http://textopia.org/androidsoundformats.html。您可以使用内置的开发人员工具进行检查，看看它是如何实现的。

这里，Microsoft Offers a Guide to Using HTML5 Audio。

而这里关于Unlocking the power of HTML5。

来源

2013-06-01 05:24:59 Esteban

嗯，我已经尝试所有这些与IE浏览器的测试网站，并有IAM能够播放.mp3和我已经写我知道IE支持.mp3。已经阅读第二篇文章，现在将研究第一篇文章。 –

没有什么真正有趣的/新的IM恐怕... –

只是为了增加完整性，添加到你的音频元素的属性，输入并设置为'mp3'或'audio/mpeg'不知道哪个，但至少你知道页面显然是通知borwser您正在链接的资源的类型。

如果这不起作用，HTML中没有其他选项来定义这些资源，那么我会在IE10中寻求支持作为问题？

来源

2013-06-01 06:14:50

真的吗？我已经有设置为audio/mpeg，如果你看我的代码... Idk rly你试图告诉我什么，因为它不是什么新东西，但我的客户端不使用IE10但早期版本，它不适合她，但之前做过。 –

我还为type ='audio/mp3'type ='audio/mpeg'添加了重复行，并简单地键入='mp3'你只是想获得免费的代表。 –

为什么upvotes，当提供的解决方案不起作用！？ –

我认为这是由于您的服务器不会为您提供的URL发送正确的内容类型。

http://energyshop.se/testry.php/1.mp3给出的内容类型： Content-Type：text/html;字符集= UTF-8

http://energyshop.se/1.mp3让内容类型：内容类型：应用程序/八位字节流

我看到你发布的.htaccess文件在Why doesn't the audio tag work in IE?

您可能遇到的八位字节流键入设置以提示下载。尝试将其设置为“audio/mpeg”，而只将“/1.mp3”设置为音频标签上的来源。

来源

2013-06-28 18:22:57 igz

HTML5 <audio>标签不工作/ IE10中

回答

相关问题