audio link produces black box

时间:2011-09-14 作者:Robert Brown

在chrome和firefox(可能还有其他浏览器)中,音频链接不会呈现媒体控制器。例如。

[audio http://example.com/wp/wp-content/uploads/2011/09/file.mp3]
在Chrome中,查看页面源代码就地显示此代码:

<div id="mep_0" class="mejs-container" style="width: 400px; height: 30px; ">    
  <div class="mejs-inner"><div class="mejs-mediaelement">
    <audio id="wp_mep_1" preload="none">
    <object width="400" height="30" type="application/x-shockwave-flash" data="http://example.com/wp/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf">
        <param name="movie" value="http://example.com/wp/wp-content/plugins/media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf">
        <param name="flashvars" value="controls=true&amp;file=">            
    </object>       
</audio></div><div class="mejs-layers"></div><div class="mejs-controls"></div><div class="mejs-clear"></div></div></div>
更新:在JS控制台中,我注意到一个错误:

mediaelement-and-player.min.js:36
Uncaught TypeError: Cannot read property \'url\' of undefined

1 个回复
最合适的回答,由SO网友:Milo 整理而成

您的短代码:

[audio http://example.com/wp/wp-content/uploads/2011/09/file.mp3]
应为:

[audio src="http://example.com/wp/wp-content/uploads/2011/09/file.mp3"]
请注意src="" 围绕文件名。

结束

相关推荐

如何在WordPress中关闭标记的自动关闭标签(例如,HTML5或HTML4)?

我想在我的WordPress主题中使用HTML5,如何关闭wptexturize 我不介意增加休息时间,但我想让他们休息一下<br> 而不是<br />. 我如何控制这些中断在代码中的显示方式 EDIT: 我只在乎<br> 标签问题,我不介意它对排版的改变 EDIT2: 事实上,我想<img> 标签也很重要。任何自动关闭的独立标签在这里都很重要。所以<hr> 也可能是个问题。更不用说这些了wp_head() 项目作为<link> 各种