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

Question

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

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

Wordpress 3.5.1起源1.9.1演播室主题: Lifestyle Mac OSx 10.7.5 Firefox 19.0.2 Safari6.0.x Google Chrome26.0.1410.43

我能做些什么来修复它呢？

Answer 1

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

将以下代码行添加到您的.htaccess文件中，浏览器将开始正确显示图像：

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

Answer 2

我在wordpress版本4.7.1和Internet Explorer11上也遇到了同样的问题。服务器/文件服务不是问题，它不是apache服务器。不知道问题出在哪里，但我把z-index解决了：

在我的主题css中，我写道

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

使用的主题是我自己编写的，我没有对原始的wordpress媒体元素播放器做任何更改。

Answer 3

只是想为后人添加这个帖子。这个插件被引入到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次)插件确实可以获得它。

这是一个非常烦人的问题，直到你可以找出是什么导致播放暂停按钮隐藏。