Question

我在我的网站上使用mediaelementjs mp3播放器，但播放按钮没有显示。虽然当你点击它通常应该的空白黑色空间时它仍然可以使用。音量按钮也不可见（但功能正常），音量滑块也悬挂在播放器的边缘。

我该如何解决这个问题？我根本没有使用代码的经验，但这是我正在使用的嵌入式代码：

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://www.newlifedeewhy.com/media/mediaelementjs/build/jquery.js"></script>
    <script src="http://www.newlifedeewhy.com/media/mediaelementjs/build/mediaelement-and-player.min.js"></script>
    <link rel="stylesheet" href="http://www.newlifedeewhy.com/media/mediaelementjs/build/mediaelementplayer.min.css" />
    </head>
    <body>
    <audio id="player2" src="http://www.newlifedeewhy.com/media/07122014-Michael-Rabbolini.mp3" type="audio/mp3" controls="controls"></audio>
    <script>$('audio,video').mediaelementplayer();</script>
    </body></html>

这是一个jQuery问题还是mediaelementplayer.min.css的问题？谢谢你的回复！

Answer 1

这是因为“找不到”播放按钮的图像。 'controls.svg'文件的路径可能是错误的。它目前正在寻找http://www.newlifedeewhy.com/media/build/controls.svg

中的图片

如果文件位于正确的位置，这可能是服务器配置，是否设置了svg mime类型？

如果您的服务器不支持svg，只需链接到png（将controls.svg更改为controls.png）

mediaelementjs播放按钮

1 个答案: