MediaElement音频标签不可见

时间:2014-05-20 作者:user568021

如果我将音频标签包括在页面中,它会正常工作。像这样:

[audio src="URL_TO_MP3_FILE"]
而不是另一种情况:我正在尝试用window制作一个“音频播放器”。打开我需要两天的时间来正确操作并绕过弹出窗口拦截器,但就在我做到这一点时,音频快捷码停止了工作。在这两天里,它一直在工作,而且在我网站的其他区域仍然有效。。。只是不在此弹出窗口中。

我用“查看页面源”检查弹出式html:

<audio class="wp-audio-shortcode" id="audio-4-1" autoplay="on"
    preload="none" style="width: 100%; visibility: hidden;" controls="controls">
    <source type="audio/mpeg" src="[URL_TO_MP3_FILE]?_=1">
    <a href="[URL_TO_MP3_FILE]">
        [AGAIN_THE_SAME_URL_TO_MP3_FILE]
    </a>
</audio>
这看起来确实很奇怪,但我不是那个质疑这一点的人。我将此添加到弹出的“页面”。

<script type="text/javascript">
    $(document).ready(function() {
        setTimeout(function() {
            $(\'.wp-audio-shortcode\').css(\'visibility\', \'visible\');
            $(\'.wp-audio-shortcode\').css(\'display\', \'block\');
        , 1000);
    });
</script>
如果我现在检查页面源代码,看起来可见性设置为可见,但仍然看不到播放器。

<audio class="wp-audio-shortcode" id="audio-4-1" autoplay="on"
    preload="none" style="width: 100%; visibility: visible; display: block;"
    controls="controls">
    <source type="audio/mpeg" src="[URL_TO_MP3_FILE]?_=1">
    <a href="[URL_TO_MP3_FILE]">
        [AGAIN_THE_SAME_URL_TO_MP3_FILE]
    </a>
</audio>
纯粹的痛苦。

我读了所有这些,但仍然没有解决方案:

http://codex.wordpress.org/Audio_Shortcode

http://wordpress.org/support/topic/audio-embed-shortcode-not-working-ver-222

http://wordpress.org/support/topic/audio-player-not-showing-1

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

音频短代码不仅仅是在页面中创建标记。

WordPress音频和视频短代码由MediaElementJS库提供支持,该库是Javascript和CSS代码的组合,每当您有一篇包含其中一篇文章的文章时,就会加载到页面的页脚。JS代码处理这些元素并将它们转换为所有浏览器上的适当播放器,即使是那些本机不支持该元素或不支持特定文件类型的浏览器。

仅音频代码和JS并不是一个完整的实现。它缺少所有的MEJS代码、播放器CSS外观以及播放器本身(如果浏览器需要的话)。

坚持使用短代码。一切都很简单。

结束

相关推荐

Error Using Audio plugin

我已经安装了音频插件,以创建Xbrowser播放列表,但出现以下错误jPlayer 2.0.0 : id=\'jquery_jplayer_1\' : Error!到目前为止,我所做的只是创建一个新帖子,使用wordpress音频上传器将音频上传到帖子,使用以下短代码将播放列表添加到帖子,然后发布。[audio layout=\"list\"] 也尝试过[audio]但产生了同样的错误这些文件是。mp3格式,可以在其他播放器中播放。如果相关,该站点存储在本地。