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

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>