すべての MediaElement ファイルを元のディレクトリにアップロードしましたが、デモではビデオとオーディオは正常に再生されますが、再生、音量、全画面ボタンがコントロール バーに表示されません。
何が問題なのですか?
ありがとう
マット
すべての MediaElement ファイルを元のディレクトリにアップロードしましたが、デモではビデオとオーディオは正常に再生されますが、再生、音量、全画面ボタンがコントロール バーに表示されません。
何が問題なのですか?
ありがとう
マット
私も同じ問題に遭遇しました。サーバー上の SVG 画像に正しい MIME タイプを追加したことを確認してください。それらがそこにない場合、または設定が間違っている場合、ブラウザはそれらを表示しません。
私は.htaccessを介してこれを処理しました:
AddType image/svg+xml svg
AddType image/svg+xml svgz
それでも SVG 画像を表示できない場合は、CSS で背景画像をいつでも変更して、コントロール バーと再生アイコンの .png バージョンを使用できます。
spncr からの最初の回答を読んだ後、SVG の代わりに PNG ファイルを使用する MEjs スタイルシートで no-svg クラスを見つけました。そのクラスを使用して、Audio 要素を 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>
私はこの問題を抱えていました。基本的には、ファイルを移動し、CSS がコントロール イメージ ファイルの間違った場所を探していたためです。
mediaelementplayer.css 内
.mejs-controls .mejs-button button {
background: transparent url(controls.png) no-repeat;
}
背景の URL が、controls.png ファイルの実際の場所と一致していることを確認してください。
これは、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>