0

ばかげた問題があります...簡単なコード：

<div id="start">
    <video width="320" height="240" controls>
        <source src="Content/movie.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</div>

私のプロジェクトでは動作していません。ビデオは表示されません。パスは正しいです... Div の開始には特別なスタイルがなく、ビデオの場合は上記のように幅と高さが設定されています。

http://www.w3schools.com/で例を確認したところ、すべてが機能し、ブラウザのビデオ サポートを確認したところ、すべて問題ありませんでした。もっとおもしろいのは、ビデオをダウンロードするとき、適切なビデオをダウンロードするよりも....

4

1 に答える 1

1

いくつかのテストの後、Mozilla Firefox であなたのビデオを見ることができますが、あなたのビデオは Google Chrome や Internet Explorer では実行されません。あなたが直面している状況は、ファイル形式に基づいています。Web ブラウザごとにビデオの特定のファイル形式が必要になるため、ブラウザに応じて、より幅広い訪問者がビデオを利用できるようにするには、ビデオをいくつかの形式でエンコードする必要があります。

ウィキペディアでは、HTML5 ビデオ タグのブラウザ サポート セクションで、各 Web ブラウザのニーズにより適したファイル形式について説明しています。

コードでタグを適切に適用すると、次の<video>ようになります。

<video poster="movie.jpg" controls>
        <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
        <source src="movie.ogg" type='video/ogg; codecs="theora, vorbis"'/>
        <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        <p>This is fallback content</p>
</video>

タグsources内のインスタンスごとに個別のビデオ ファイルを提供する必要があることを考慮してください。<video>

フォールバック コンテンツは、画像、アニメーション gif、フラッシュ アニメーション、または youtube コード (適切にフォーマットされたもの) にすることもでき、何も機能しない場合にユーザーに何かが表示されることに注意してください。測定値を含めることを忘れないでください。フォールバック メディアがビデオが表示されるスペース全体を埋めるために、幅と高さを固定します。

トランスコード手順については、Miksoft ソフトウェアのモバイル メディア コンバーターを使用してファイルを簡単に圧縮する方法を説明している AskUbuntu サイトのこの回答をご覧になることをお勧めします。

これがお役に立てば幸いですが、さらにサポートが必要な場合は、遠慮なくコメントをお寄せください。

幸運を！

于 2013-06-25T23:51:04.587 に答える