音频HTML5标记在Wordpress中不起作用 我正把我的网站迁移到WordPress中,让音频HTML5标签正常工作有问题。我基本上使用的是我在当前网站上使用的现有代码的复制和粘贴版本(请参见下文,还要注意,我只编辑了源src位置以使用整个URL,替换了php echo,并将音频标记包装在一个div中)

音频HTML5标记在Wordpress中不起作用 我正把我的网站迁移到WordPress中,让音频HTML5标签正常工作有问题。我基本上使用的是我在当前网站上使用的现有代码的复制和粘贴版本(请参见下文,还要注意,我只编辑了源src位置以使用整个URL,替换了php echo,并将音频标记包装在一个div中),wordpress,html5-audio,Wordpress,Html5 Audio,我还检查了这些文件,看它们是否有效 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/TLZRADIO0801201

我还检查了这些文件,看它们是否有效

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>

当前站点:


谢谢

我在你的网站上没有找到html5 js。请添加这一点,因为所有浏览器仍然不支持html 5和css 3

谢谢您的反馈!该网站目前根本不使用任何JS。我知道,并非所有浏览器都支持HTML5音频标签,这不是一个问题,因为我们的大多数观众都比较年轻,而且倾向于使用更新/最新的浏览器,我们上传ogg和mp3文件以支持跨浏览器。你知道为什么它能在当前网站上运行,但当我把它迁移到Wordpress上时却无法播放吗?由于它在当前网站上运行,我想这一定是Wordpress的问题,除非我调整的代码有问题。
<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>