4

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

有什么想法有什么问题吗？

谢谢

马特

4

4 回答 4

9

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

我通过 .htaccess 处理了这个：

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

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

于 2012-12-21T09:36:44.580 回答
6

在阅读了 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>
于 2013-07-16T19:38:09.477 回答
2

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

在 mediaelementplayer.css

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

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

于 2012-12-21T11:37:40.003 回答
0

这是用于代替 Windows 服务器上的 .htaccess 文件的 web.config 文件的代码。

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
         <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
      </staticContent>
   </system.webServer>
</configuration>
于 2016-08-22T20:13:39.207 回答