音频 HTML5 标记在 Wordpress 中不起作用答案

【问题标题】：Audio HTML5 Tag not working in Wordpress音频 HTML5 标记在 Wordpress 中不起作用
【发布时间】：2012-04-26 05:38:33
【问题描述】：

我正在将我当前的网站迁移到 Wordpress 中，并且无法让音频 HTML5 标记正常工作。我基本上使用的是我在当前网站上使用的现有代码的复制和粘贴版本（见下文，另请注意，我只编辑了源 src 位置以使用整个 URL，替换了 php echo，并包装了div 中的音频标签）。

我也已经检查了文件是否有效。

Wordpress 代码：

    <div><audio controls="controls" preload="none" onPlay="_gaq.push(['_trackEvent', 'Audio', 'Play', 'Radio-2011-08-01']);">

        <source src="http://www.thelovelydaze.com/files/music/TLZRADIO08012011.ogg" type="audio/ogg" />        
        <source src="http://www.thelovelydaze.com/files/music/TLZRADIO08012011.mp3" type="audio/mp3" />

        Your browser does not support audio streaming.

</audio></div>

当前代码：

<audio controls="controls" preload="none" onPlay="_gaq.push(['_trackEvent', 'Audio', 'Play', 'Radio-2011-08-01']);">

        <source src="../files/music/TLZRADIO08012011.ogg" type="audio/ogg" />        
        <source src="../files/music/TLZRADIO08012011.mp3" type="audio/mp3" />

        <?php echo $AudioNote ?>

</audio>

供参考： WordPress 网站：http://thelovelydaze.com/WP/2011/08/01/the-lovely-daze-radio-2/ 当前站点：http://www.thelovelydaze.com/music/tlz-radio-20110801.php

谢谢！

【问题讨论】：

标签： wordpress html5-audio

【解决方案1】：

我没有在您的网站中找到 html5 js。请补充一点，因为所有浏览器仍然不支持 html 5 和 css 3

【讨论】：

感谢您的反馈！该网站目前根本不使用任何JS。我确实了解所有浏览器也不支持 HTML 5 音频标签，这不是问题，因为我们的大多数观众都比较年轻，并且确实倾向于使用更新/最新的浏览器，我们同时上传 ogg 和 mp3 文件以供交叉使用浏览器支持。您是否知道为什么它可以在当前站点上运行，但是当我将其迁移到 Wordpress 时它无法播放？由于它确实在当前站点上工作，我认为它必须是一个 Wordpress 问题，除非我调整的代码有问题。