2010-06-17 45 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