mediaelement.js Wordpress播放/暂停按钮未显示

Question

http://mylifeisamess.com/audio-test/

我正在使用音频播放器，播放/暂停按钮不会出现在我的任何浏览器中。知道为什么吗？

Wordpress 3.5.1 Genesis 1.9.1 Studiopress主题：生活方式 Mac OSx 10.7.5 Firefox 19.0.2 Safari 6.0.x. 谷歌浏览器26.0.1410.43

我该怎么做才能解决它？

Answer 1

您可能需要将mime类型与svg文件的扩展名相关联。

将这些行添加到.htaccess文件中，浏览器应该开始正确显示图像：

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

Answer 2

只是想为后代添加这个帖子。这个插件被带入WordPress核心，但这并没有解决与一些无法识别svg文件类型的服务器/主机的问题/冲突。在我写这篇文章的时候，wp 3.7.1已经出来了，这个插件是2.10.3（虽然这个编号约定也改变了一段时间，例如我刚刚从2.9.1升级了插件 - > 2.10.3不直观。）

只需添加代码

即可

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

到htaccess文件不起作用，但是在将插件添加到htacess文件并清除缓存之后再次重新安装（实际上是4次）插件确实得到了它。

这是一个非常恼人的问题，直到您可以了解导致播放暂停按钮被隐藏的内容。

Answer 3

我在wordpress版本4.7.1和Internet Explorer 11上遇到了同样的问题。 服务器/文件服务不是问题，它不是一个apache服务器。不知道问题是什么，但是把z-index解决了我的问题：

在我的主题css中我写了

.mejs-controls .mejs-button button {
    z-index: 10;
}

使用过的主题由我编码，我没有改变原来的wordpress mediaelement播放器。