Ich möchte ein HTML5-Video auf meiner Webseite verwenden. Hier ist der Code:

<video id="vid" width="100%" autoplay loop>
  <source src="video/video.webm" type="video/webm">
  <source src="video/video.mp4" type="video/mp4">

Your browser does not support the video tag.
</video>

Das Problem ist, dass wenn ich webm als Videoquelle benutze:

<source src="video/video.webm" type="video/webm">

Es funktioniert gut auf Chrom und FF. Aber sobald ich mp4 hinzufüge:

<source src="video/video.webm" type="video/webm">
      <source src="video/video.mp4" type="video/mp4">

Chrome zeigt einen schwarzen Bildschirm und den Text "Warten auf Video", aber Safari und FF zeigen es wie erwartet.

Alle Vorschläge, um es auf all diesen Browsern spielen zu lassen, wären willkommen. Vielen Dank.