If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Having trouble Embedding a Video..HELP!

Hi guys and gals, I'm new here so bare with me:

I'm having some trouble embedding a video on a site and so far this is how my testing has gone:

1.) It works on my local server for these browsers: Safari, Chrome, Firefox.... Except for IE9
2.) On a remote server (Godady/Windows server running IIS 7.0)... the video works good with Safari ...but none of the other browsers.

I recognized that some of the file types were not recognized as I saw an error message saying this, so I figured I needed to add new MIME types as I didn't see ogg, webm, mp4 video (just mp4 audio) on the list.

Godaddy doesn't seem to have an editable web.config file (which they confirmed), so I attempted to create one as they suggested. I saved it as web.config.xml (is this right?),
and this is what I added:

I was able to solve the problem and here's what I did for the web.config:

1.) web.config is for Windows servers (.htacess for Linux servers). Only use web.config if your server is a Windows server, and it must be saved with no extensions (no xml, txt. etc.). Once you upload it, the server will automatically know that it is a CONFIG file.

Between the "staticContent" tag... is where you can remove and add new MIME types.

See this: <remove fileExtension=".mp4" />

The above code removes the file extension that was there as a default mp4 file type the server had preconfigured that was not compatible for my mp4 h.264 video format. It was an "audio" version of the mp4 format, and it didn't really quite work well especially for IE9 browser for whatever reason. Check your server to see what type of mp4 format the server handles.....

Underneath that code is the new mp4 MIME type you want to replace the old mp4 format with. The server is dumb.... so you have to tell it to take away (remove) the old format that currently exists already and replace it with that new one. It won't just do an override automatically (as I had thought), so that's why that <remove...> tag is absolutely necessary.

Below that is the two new MIME types I added that was NOT on the server MIME type list (which I found very odd):

So in other words, you can add as much new MIME file types as long as it's NOT currently existing on the server, so you have to see what's there first. If it is but it's somehow a different version of the file format that's needed (like the mp4 audio one I mentioned)...you MUST use that <remove fileExt.....> tag first, then add the new MIME type right underneath it.

Then all the closing tags should follow as seen in the sample above.... That's it.

Note: Sometimes the <system.webServer> tag works as <system.web> for certain server config setup but for me <system.web> tag didn't work. So try it out each one to see which one works and which one doesn't.

As for my CSS/HTML to actually embed the video (which works just fine for me):

Please note...that my video has no controls as it's invisible since I took out the controls="true" in the upper <video...> tag. To add back controls just add that code.

And you don't add Flash video using the video tag as I understand... you must still use the <object> tag to embed that flash file, which I don't have demonstrated here as I'm just using three types (mp4, ogg, webm).

I hope this helps someone who can't seem to get the video to show up right on the web as it could be a server side issue, not necessarily your css/html.