web-dev-qa-db-ja.com

オーディオとビデオのショートコードが正しく機能しない

Wordpressのオーディオとビデオ用のショートコードに問題があります。

ビデオを埋め込むと、基本的にブラックボックスが表示され、ファイルをダウンロードするためのリンクが上部に表示されます。オーディオを埋め込むと追加されますが、再生ボタンはありません。再生ボタンがある場所をクリックしても再生できますが、実際のボタンはクリックできません。

私は他のプラグイン、mediaelement.jsとwidgetkit（yoothemesによる）を使ってみましたが、すべてが私に同じタイプの出力を与えています。

何がおかしいのですか？私は私が本当に得ることができるどんな助けにでも本当に感謝するでしょう。

追加情報：

  • thesis Theme 2.1を使用する
  • 何かが衝突していないかどうかを確認するためにすべてのプラグインを無効にしようとしました。違いはなかった
  • 頭からすべてのjqueryスクリプトを削除しようとしました。違いもなかった
  • すべてのcssファイルとjsファイルが正しくリンクされているように見えます（すべてのスタイルとjqueryアニメーションが適切に配置されています）。
  • これが私のサイトのテストページですので、表示される内容を確認することができます。 http://kitabummuneer.com/newsite/index.php/test-page/
shortcodemedia
2
sahiba25

さて、2つのことが起こっています。

まず、WordPress 3.6を実行しているので、他のメディアプレーヤープラグインを実行する必要はありません。 Widgetkitを無効にし、次のショートコードを使ってオーディオプレーヤーを追加します。

[audio src="http://example.com/mysong.mp3"]

プレーヤーの再生ボタンが表示されないのは、WebサーバーがSVG画像を正しく配信していないためです。 MediaElement.jsプレーヤーは、プレーヤーのすべてのボタンにcontrols.svgという名前の単一のSVG画像を使用します。 WebサーバーはSVGイメージを正しく処理していません。これはあなたのSVG画像があなたのウェブサイト上にあるところです： controls.svg 。

そのリンクをクリックして、このリンクと比較してください。 ws.comのcontrols.svg

SVGファイルに正しいMIMEタイプがインストールされていない可能性があります。それはする必要があります：image/svg+xml

1
Ben Miller