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

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

任何想法有什么不对？

感谢

马特

来源

2012-12-18 Agent Fooey

有没有其他人有这个问题？ “播放”，“音量”和“全屏”按钮仍然有效，但没有可见的图标。演示和独立安装也是如此。 –

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

我经历的.htaccess这样处理：

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

如果仍然不能得到SVG图像的显示，你可以随时更改背景图片在CSS中使用控件的巴纽版本酒吧和播放图标。

来源

2012-12-21 09:36:44 spncr

谢谢** spncr **花时间回答。非常感谢。这是由于没有为SVG图像添加MIME类型。我已将这些更改为CSS中的PNG版本。 –

我有这个问题，基本上是因为我想移动文件和CSS在控制图像文件的错误位置。

在mediaelementplayer.css

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

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

来源

2012-12-21 11:37:40

感谢** David **抽出时间回复。非常感谢。这是因为MIME类型没有被添加到服务器的SVG图像，所以我已经将它们更改为CSS中的PNG版本。 –

读完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-16 19:38:09 PamM

很棒的发现！添加MIME类型对我来说不起作用......这是一种拯救生命的方式。 – Justin

这是使用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>

来源

2016-08-22 20:13:39 chadydahc

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

回答

相关问题