2010-06-17 33 views
0

我有一个小的WordPress网站。我做了很多音频工作,并且试图在WordPress上的博客文章中发布HTML5音频剪辑。由于某种原因,它不起作用。这可能与我在我的WordPress网站上使用的风格有关,但我一直无法确定。我知道我的音频标签是有效的,因为他们在其他地方工作。<audio>元素不工作WordPress

下面是一个例子音频标签:

<audio src="http://files.dannystewart.com/dom2008.mp3"></audio> 

这里还有一个页面展示了它不工作:

http://www.dannystewart.com/html5-audio-test/

我敢肯定这是一件很简单的,我刚刚错过了,但任何指针将不胜感激。

谢谢!

回答

4

您似乎缺少controls属性。这使得它在Chrome中所有的工作对我来说:

<audio src="http://files.dannystewart.com/dom2008.mp3" controls></audio>

注意它不会在Firefox浏览器 - 它不支持MP3文件。有关可能的解决方案,请参见http://adactio.com/journal/1669/截至2013年12月,Firefox支持Windows(XP +),Linux,Android,FirefoxOS,但不支持MacOS(bug)的MP3。请参阅https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats#Browser_compatibility

+0

我知道它必须是简单的东西。非常感谢您的帮助,解决了问题。 – 2010-06-17 13:11:31

-1

很酷的声音!

问题是您的文档类型:html5只允许<!DOCTYPE html>。这并不是说浏览器不会支持其他文档类型的html5元素......但是YMMV。

+0

不正确 - 浏览器将允许您使用旧的文档类型的新HTML5功能。此外,您可以使用反引号字符将HTML放入帖子中:' – 2010-06-17 13:19:34

+0

嗯,我下载了页面,在本地打开了它 - 没有声音...然后删除无关文本,并且它可以正常工作。从HTML5规范中,我收集浏览器没有义务将任何其他doctype解释为HTML5。 (Chrome开发版,Kubuntu Lucid) – sje397 2010-06-17 13:22:18