9

HTML5 ビデオ タグを試しています。Microsoft のサンプルをダウンロードして実行しようとしましたが、奇妙なことが起こっています。URL (コメント付きタグ) からのビデオが再生されますが、ローカルの mp4 ファイルではエラーが表示されません。 「無効なソース」というメッセージが表示されます

これが私のコードです。ローカルファイルを正しく実行するために何をすべきか教えてください。

ありがとう

    <!DOCTYPE html>
<html>
<head>
</head>
<body>
    <!--<video src="http://www.bing.com/az/hprichv/?p=Butterfly_Clipcanvas_223479_EN-US.mp4"
        autoplay loop>
    </video>-->
    <video controls src="hprichv.mp4" width="300" height="200" autoplay loop>
    </video>
</body>
</html>

編集

Web ページとビデオ ファイルの両方が同じフォルダーに存在します。

4

4 に答える 4

19

私はWindows 7 Proを使用しています。私はローカルで開発し、リモートでホスト/サービスを提供しています。ローカルで開発中にローカルの mp4 ファイルを読み込もうとすると、この同じ状況に陥りました。ファイルと同じディレクトリで localhost/myvideo.mp4 または 127.0.0.1/myvideo.mp4 または /aaa/myvideo.mp4 または myvideo.mp4 を使用する組み合わせは機能しませんでした...しかしhttp://www.mywebsite.com/myvideo.mp4、上記のように完全な URL を参照すると、 .

ローカル マシンでは、Chrome にエラー メッセージは表示されません。コントロール付きのブラック ボックスが表示されるだけです。何が起きているかについての手がかりはありません。IE に切り替えると、ブラック ボックスとコントロール、およびエラー メッセージが表示されました。「無効なソース」

@steveax の質問と MIME タイプに注目しました。

このバージョンの Windows/IIS の IIS には、.mp4 の MIME タイプが設定されていないことが判明しました。理由はわかりません...しかし、そうではありません。

MP4 MIME タイプを追加するには、インターネット インフォメーション サービス(IIS) マネージャーを開き、次の手順に従います。

  • 左側のパネルで [既定の Web サイト] を強調表示します。
  • 右側のパネルで[ MIME タイプ] をダブルクリックします。
  • リストを下にスクロールして、 .mp4がないことに注意してください。
  • 再び右側のパネルで、[追加] をクリックします。最初のフィールドに書き込み.mp4、その下のフィールドに書き込みます。video/mp4
  • [OK] をクリックすると完了です。

IIS を再起動してください。

于 2013-07-18T02:47:31.267 に答える
2

この問題が発生し、ビデオ コーデックがサポートされていないことがわかりました。

ビデオ変換ソフトウェア (Oxelon など - 無料) を入手し、出力を .mp4 に選択します (ソースが .mp4 であっても)。ビデオコーデックは「H264」、オーディオコーデックは「AAC」を選択してください。これで問題は解決します。

于 2014-10-22T17:54:15.443 に答える
0

同様の問題がありましたが、IE 11 だけです。Firefox はうまく機能します。

IE で、互換表示に移動して「localhost」をリストに追加すると、ボックスが完全に消えます。

于 2017-08-03T14:55:57.347 に答える