Question

我已在原始目录中上传了所有MediaElement文件，但在演示中视频和音频播放正常但播放，音量和全屏按钮在控制栏上不可见。

任何想法有什么不对？

由于

马特

Answer 1

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

我通过.htaccess处理了这个：

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

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

Answer 2

在阅读了spncr的第一个答案之后，我在MEjs样式表中找到了使用PNG文件而不是SVG的no-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>

Answer 3

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

在mediaelementplayer.css

中

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

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

Answer 4

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

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
         <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
      </staticContent>
   </system.webServer>
</configuration>

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

4 个答案: