Question

我正在创建一个有趣的音频网站，但我发现音频标签的循环属性在firefox中不起作用。我也知道条件语句只适用于IE，还有另一种方法可以实现相同的目标吗？

<![if firefox]>
<script src="script.js"></script>
<![endif]>

编辑：这是我目前的HTML代码。

<audio id="song_1" name="audio" autobuffer loop>
<source src="song.ogg" />
<source src="song.mp3" />
<source src="song.wav" />
<div class="white_text">Your browser does not support the audio file formats or does not support HTML5.</div>
</audio>
<audio id="song_2" name="audio" autobuffer loop>

<source src="song2.ogg" />
<source src="song2.mp3" />
<source src="song2.wav" />
</audio>
<audio id="song_3" name="audio" autobuffer loop>
<source src="song3.ogg" />
<source src="song3.mp3" />
<source src="song3.wav" />
</audio>

<audio id="song_4" name="audio" autobuffer loop>
<source src="song4.ogg" />
<source src="song4.mp3" />
<source src="song4.wav" />
</audio>
<script>
var music = document.getElementsByName('audio'), i;
for (i = 0; i < n; ++i)
music[i].addEventListener('ended', function(){this.currentTime = 0;}, false);
</script>

问题在于，当＆＃39;循环＆＃39;添加到音频标签，firefox不会循环。当＆＃39;循环＆＃39;不存在，野生动物园（或至少是移动游猎，因为我拥有的东西）不会循环。

Answer 1

您不应测试浏览器是否为Firefox，但浏览器是否支持某项功能。另外，我建议阅读：http://forestmist.org/2010/04/html5-audio-loops/ HTML5音频循环现在很糟糕。

修改

您可以尝试：https://stackoverflow.com/a/6452884/259517

Answer 2

您可以在JS中查看用户正在使用的浏览器。

<script type="text/javascript">
if(navigator.appName == "Netscape") {
// it's Firefox.. do sth..
}
</script>

Answer 3

这些被称为条件评论。

每Conditional Comments Firefox：

不，它们仅受IE支持。

虽然有CSS黑客攻击。请参阅：http://perishablepress.com/press/2009/06/28/css-hacks-for-different-versions-of-firefox/

编辑：删除了以下评论中的注释。见上文。

我可以制作Firefox特定的HTML吗？

3 个答案: