Question

i wonder what i’m doing wrong?

<video id="movie" width="320" height="240" preload controls>
  <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>

this peace of code lies in my index.html. in the same directory i got all 3 videofiles (mp4, webm, ogv)

Somehow the video component shows up, however no video gets played. A big X shows up inside of the video component.

Answer 1

My guess is that this is a duplicate of an earlier question. If so, the answer is: Make sure your server config has the following associations:

• .ogv: video/ogg
• .oga: audio/ogg
• .ogg: application/ogg
• .webm: video/webm
• .mp4: video/mp4