次のコードがあります。
<div class="span4">
<video poster="assets/img/poster.jpg" controls="controls" width="420" height="420">
<source src="assets/videos/152638831.webm" type="video/webm" />
<source src="assets/videos/152638831.mp4" type="video/mp4" />
</video>
</div>
ビデオは Firefox と chrome の両方で動作しますが、Chrome では非常に粗いです。Chrome を使用してhttp://www.w3schools.com/html/html5_video.aspに移動すると、「DOM メソッドとプロパティ」というセクションの下のビデオも粗く表示されるため、ビデオの問題ではないと思います。ざらざらしているというのは、黄色、緑、青、赤の線やダッシュがビデオ全体に散らばっていることを意味します。
私が間違っていることを教えてもらえますか？
また、ブラウザに応じて再生するファイルを選択する複数のソースタグを持つことの背後にあるアイデアはありますか? 私の場合、Firefox が mp4 をサポートしていないことはわかっています... テストしました。しかし、上記のコードは Firefox で動作します。したがって、webm バージョンのファイルを再生していると想定しています。これは正しいです？
ありがとう。