[音频] WordPress 短代码中的 URL 错误答案

【问题标题】：Wrong URL in [audio] WordPress shortcode[音频] WordPress 短代码中的 URL 错误
【发布时间】：2015-02-13 21:41:28
【问题描述】：

我对 WordPress Audio Shortcode 有疑问。我是这样使用的：

<?php 
echo do_shortcode('[audio mp3="http://whowillbethenextonline.com/audio/html5-audio-1.mp3" ogg="http://whowillbethenextonline.com/audio/html5-audio-1.ogg"]');
?>

但在前面，我得到了 HTML 代码：

<!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
<audio class="wp-audio-shortcode" id="audio-362-1" preload="none" style="width: 100%; visibility: hidden;" controls="controls">
    <source type="audio/mpeg" src="http://whowillbethenextonline.com/audio/html5-audio-1.mp3?_=1" />
    <source type="audio/ogg" src="http://whowillbethenextonline.com/audio/html5-audio-1.ogg?_=1" />
    <a href="http://whowillbethenextonline.com/audio/html5-audio-1.mp3">
        http://whowillbethenextonline.com/audio/html5-audio-1.mp3
    </a>
 </audio>

如您所见，<source/> 标记中音频文件的 URL 不正确（在 <a/> 标记中，URL 正常）。它在 URL 的末尾有一些奇怪的“?_=1”，当然，播放器不起作用。浏览器无法识别多媒体文件。

你能帮帮我吗？你知道我该如何解决它吗？

问候

【问题讨论】：

标签： wordpress audio html5-audio shortcode

【解决方案1】：

问题不在于 url，它与额外的参数一起工作正常。我认为问题在于元素的可见性处于隐藏状态：

style="width: 100%; visibility: hidden;"

另一个问题可能是它说的是音频/mpeg 而不是音频/mp3。

【讨论】：

天哪，我很愚蠢。扬声器未连接。非常感谢您的快速回复。
所有这些 HTML 标签和“样式”属性都是由 WordPress 自动生成的（短代码）。
我明白了.. 你确定你的主题包括 wp_head() 和 wp_footer() 吗？ WordPress 有一些“技巧”可以让音频元素在多个浏览器中工作。默认情况下，音频元素是隐藏的，JavaScript/CSS 会使其可见。
我使用了所有这些功能。再次感谢您的帮助和解释。你是对的，问题不在代码中，当我连接扬声器时，错误消失了，一切都开始工作了。