X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

FireFox v20, HTML5, webm file and my sanity!

Posted

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

Additional System Details

Installed Plug-ins

  • Shockwave Flash 11.6 r602
  • Adobe PDF Plug-In For Firefox and Netscape 10.1.6
  • Citrix Online App Detector Plugin
  • Google Update
  • 5.1.20125.0
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • iTunes Detector Plug-in
  • Adobe Shockwave for Director Netscape plug-in, version 11.6.7.637
  • ActiveTouch General Plugin Container Version 105
  • Adobe Shockwave for Director Netscape plug-in, version 11.5.9.615
  • Windows Presentation Foundation (WPF) plug-in for Mozilla browsers
  • Office Plugin for Netscape Navigator

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.0; rv:20.0) Gecko/20100101 Firefox/20.0

More Information

jscher2000
  • Top 10 Contributor
2365 solutions 20923 answers

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.

cor-el
  • Top 10 Contributor
  • Moderator
10756 solutions 96800 answers

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.

Question owner

HEre is the link to pastebin..thank you!

http://pastebin.com/B3FCBeRN

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

Question owner

Thank you! I will try this.

Helpful Reply

THank you.

Modified by Caesar

jscher2000
  • Top 10 Contributor
2365 solutions 20923 answers

Helpful Reply

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.

Question owner

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.

Question owner

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!

jscher2000
  • Top 10 Contributor
2365 solutions 20923 answers

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

Question owner

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!!

Question owner

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!

cor-el
  • Top 10 Contributor
  • Moderator
10756 solutions 96800 answers

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.

Question owner

Hi cor-el,

Will try your suggestions and post back.

Question owner

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