控制欄上沒有按鈕 - 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

回答

相關問題