FireFox v20, HTML5, webm file and my sanity!
Hello Everyone,
I am very new to programming and learning my way around HTML5, so please pardon my ignorance on this..but I'm going crazy on this issue.
IIS v6
Firefox v20
HTTP load failed with status 404. Load of media resource http://staging.mysite.org/images/video1.webm failed.
Code:
#vid1 {
margin-left: 20px;
}
<div id="vid1">
<video width="170" height="96" nocontrols="" loop="" autoplay="" tabindex="0">
<source type="video/mp4" src="../images/video1.mp4"></source>
<source type="video/mov" src="../images/video1.mov"></source>
<source type="video/webm" src="../images/video1.webm"></source>
Your browser does not support the video tag.
</video>
- I can assure you the file video1.webm is located in the folder. - Firefox is the only browser that will not play the video. - I've added .webm it IIS MIME types - Thinking it was the codec, I found this file: webmdshow-0.9.12.0-20101216.zip and installed it on the web server. Didn't help! If the codec is required, where do I find it (if this file isn't correct) because I cant find it anywhere).
Thank you in advance!
Modified by cor-el
All Replies (14)
You should not need a codec on your server to serve webm video. For security reasons, you may want to remove it.
This site doesn't do well with HTML in posts. Can you provide a link to a page that demonstrates this problem, or post the <video> tag (including all nested fallback tags) on a site such as Pastebin and give that link here? Of course feel free to change the hostname in the URLs.
Does the file open if you paste the URL of the WebM movie in the location bar?
Make sure that the server is configured properly and sends the file with the correct MIME type.
HEre is the link to pastebin..thank you!
Cor-el : That is the most frustrating thing! I type in the address in the address bar and get PAGE CANNOT BE FOUND. As I wrote earlier..I GUARANTEE you the file is there. I've gone as far as deleting it, puting it back and renaming it. If I enter the address for the .mp4 file, it opens NO PROBLEM (in Firefox) but the webm file is a problem. I've seen the articles you mentioned. One appears to be related to .ogg files and I am working with webm files.
THank you.
Modified by Caesar
Thank you! I will try this.
THank you.
Modified by Caesar
I'm not sure whether your actual code uses the ../ navigation method, but try an absolute path and see whether that makes any difference.
Also, you might try listing the webm media as the first source.
For maximum compatibility, avoid spaces in file names and replace them with hyphen or underscore characters.
Thanks. I put the absolute path (http://www.mysite.com/images/video1.webm) and still get this error in the Firefox debugger:
[13:05:04.579] HTTP load failed with status 404. Load of media resource http://www.mysite.com/images/video1.webm failed.
I've posted the complete code of the file I am working with (index.htm): http://pastebin.com/N7vmyd9N
Should .WBEM have a file association with it on the web server? Right not, it has no file association.
Thank you.
Progress!
I added the .wbem ext to the MIME types in IIS and I've eliminated the "load media resource failed" error.
BUT..Now it does not play! If I right click in the area where the video should be and click SHOW CONTROLS, the controls appear and I hit play but nothing happens. The stranger thing is if I use the scroll control I can scroll through the video and see the the content. But it does not play!
If you put an ordinary link to the webm file in a page, right-click, and Save Link As, does that work? Does the Open/Save/Cancel dialog indicate the content type being sent by the server?
Edit: I see you've resolved that issue.
Modified by jscher2000 - Support Volunteer
OK..might be a problem with the webm file itself. If I enter the URL directly to the file in Firefox, it pulls up the video, but it's at the end! If I restart it, it plays in about 1 second! I used a free online converter to convert it from MP4 to Webm. Going to try and find something a bit more reliable and reputable to convert to Webm. THANKS!!
I downloaded "Miro Video Converter" and converted from an MP4 and from a .MOV file to WEBM. Both WEBM files gave me the same result. Does not play in FireFox if part of the video tag but if you put in the url directly to the video, I can see the video controls, and scan through the video, but if I play it, it plays in 1 second (which is not right..lol). Any ideas?
Thanks all!
Could you post a link to a publicly accessible page that doesn't require authentication (signing on)?
Then we would be able to check what happens.
Did you check the response headers in the Web Console to see what the server sends?
Current Firefox versions have a lot of built-in web developer tools including an Inspector and Style editor.
Hi cor-el,
Will try your suggestions and post back.
Ok..I opened up the console and only saw 1 error: [11:48:11.523] Specified "type" attribute of "video/mp4" is not supported. Load of media resource ../images/video.mp4 failed. (which makes sense because it's an MP4 correct?)
However, I also didn't see any GET statements for the webm file. Shouldn't I see a GET statement for the webm file? I placed the file on Google docs and shared it to myself. I entered google link through Firefox and it played perfect. When I enter the direct url to the webm file on my web server, it does not play. The "playing bar" goes from left to right in about 1 second and the area where I should see video goes from black to grey. Please see the attached screen capture. It is the end result. Not sure if that helps anyone, but thought I'd provide it.
Thank you
ANyone?
Modified by Caesar