Javascript 控制栏上没有按钮-mediaelement.js

我已将所有MediaElement文件上传到原始目录中，但在演示中，视频和音频播放效果良好，但播放、音量和全屏按钮在控制栏上不可见

你知道怎么了吗

谢谢

---

马特

我也遇到了同样的问题。确保在服务器上为SVG图像添加了正确的MIME类型。如果它们不存在，或者配置错误，浏览器将不会显示它们

我通过htaccess处理了这个问题：

AddType image/svg+xml svg
AddType image/svg+xml svgz

---

如果仍然无法显示SVG图像，您可以随时更改CSS中的背景图像，以使用.png版本的控制栏和播放图标。

我遇到了这个问题，基本上是因为我移动了文件，CSS在错误的位置查找控件图像文件

在mediaelementplayer.css中

 .mejs-controls .mejs-button button {
background: transparent url(controls.png) no-repeat;
}

---

确保背景的url与controls.png文件的实际位置匹配。

在阅读了spncr的第一个答案后，我在MEjs样式表中没有发现使用png文件而不是svg的svg类。我使用该类将音频元素包装为一个DIV

<div class="no-svg">
  <audio id="player1" controls>
    <source src="file.mp3" type="audio/mp3" >
    <p>This browser doesn't support audio.</p>
  </audio>
</div>

此浏览器不支持音频

这是Windows服务器上使用的web.config文件而不是.htaccess文件的代码

还有其他人有这个问题吗？“播放”、“音量”和“全屏”按钮仍然可用，但没有可见的图标。这在演示和独立安装上都是一样的。感谢spncr花时间回答。非常感谢。这是因为没有为SVG图像添加MIME类型。我已经将这些更改为CSS中的PNG版本。感谢David花时间回复。非常感谢。这是因为没有将MIME类型添加到SVG图像的服务器中，所以我将它们更改为CSS中的PNG版本。很好的发现！添加mime类型对我不起作用。。。这是一个救命稻草。