0

次のようなビデオタグがあります。

<video width="380px" height="190px" controls>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogv" type="video/ogg" />
  Your browser does not support the video tag.
</video>

これにより、Firefox と Chrome でビデオが再生されます。ただし、IE9 および 10 では、読み取り不能なソースが示されているだけです (ビデオの「ボックス」自体が表示されるため、タグがサポートされます)。Safari は video タグをサポートしていないようで、フォールバック メッセージしか表示されません。ただし、任意のブラウザーで URL に直接アクセスすると、映画を Firefox + Chrome で視聴し、IE + Safari でダウンロードできます。

ビデオをすべてのブラウザで再生できるようにするにはどうすればよいですか?

4

2 に答える 2

0

私は通常、クロスブラウザー互換用に同じビデオの 4 つのバージョンを持っています。

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
    <object data="movie.mp4" width="320" height="240">
        <embed src="movie.flv" width="320" height="240">
    </object> 
</video>

.mp4、、、.webmおよび.ogvフラッシュ フォールバック.flv。これは、クロスブラウザーでうまく機能しました。注意すべきもう 1 つの点は、モバイルでは、より最適化された .mp4 ビデオが機能する可能性が高いことです (これについては過去に問題がありました)。

于 2013-06-20T14:33:56.607 に答える