3

我有点像 HTML 5 新手。我遇到的问题是标签在 Firefox 中工作。

我使用的代码是：

<audio src="Repipe-WebsiteNevada_06-24-08.ogg" controls autoplay>  
  <span class="style19"><a href="Repipe-WebsiteNevada_06-24-08.mp3">
      A message from Repipe Specialists</a></span>
</audio>

它在本地工作，但是当我上传和测试它时。音频播放器根本不显示。

这是页面：

http://www.repipespecialists.com/landing/ctc/repipe_specialists_usa_test.html

有人可以帮忙吗？

4

3 回答 3

1

您需要使用类型标签来指定您正在使用音频/ogg。就像是

<audio controls autoplay>
  <source src="file.ogg" type="audio/ogg" />
  <source src="file.mp3" type="audio/mp3" />
</audio>

（注意如何列出多个文件作为不同浏览器的后备。）

之后，您仍然需要配置您的服务器。特别是这个 StackOverflow 答案可能会有所帮助。

于 2012-06-13T23:41:57.143 回答
0 
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Tryit Editor v1.5</title>
<link rel="stylesheet" type="text/css" href="/tryit.css" />
<script type="text/javascript">
</script>
<style type="text/css">
body
{
color:#000000;
background-color:#ffffff;
margin:4px;
margin-top:0px;
}

</style>
</head>

<body>
<div style="position:relative;width:100%;margin-top:50px;margin-bottom:0px;">
<div style="width:960px;height:94px;position:relative;margin:0px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;padding:0px;overflow:hidden">
<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

</body>
</html>
于 2012-07-17T08:45:12.830 回答
0

我认为这与您的服务器端地雷类型配置以及浏览器如何解释不同内容类型的响应有关。

您的 ogg 文件的响应内容类型是text/plain，我猜对于 Chrome 等某些浏览器，它能够预测真正的内容类型是 ogg 但 Firefox 无法做到这一点。因此，Firefox 将无法将此文件加载为 ogg 音频。

于 2012-06-14T02:17:12.030 回答