video tag doesn't work
I don't know why, but a video doesn't play on Firefox. This is the code:
<video id="video-element" preload="auto" loop="loop" autoplay="true" class="bg-video" data-video-width="1280" data-video-height="720"> <source src="video.webm" type="video/webm"></source> <source src="video.ogv" type="video/ogg"></source> <source src="video.mp4" type="video/mp4"></source> Your browser does not support the <code>video</code> element. </video>
I have all the formats, I used http://firefogg.org for that. When I try it on local computer, it works, but on the server doesn't.
Could anyone explain the problem, please?
Modified
All Replies (2)
Strange, but the code is not shown. Should I write it in another format?
Anyways, I made a screenshot.
Modified
Is the server configured to send this file with a correct MIME type?
- https://developer.mozilla.org/en/Media_formats_supported_by_the_audio_and_video_elements
- https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media
Does it work if you open the URL of a WebM or Ogg movie via the location bar?