View Full Version : Embedded Video - IE vs. Firefox

09-22-2007, 09:57 AM
I just added a embedded video to the home page of my site. It looks great in IE, but in Firefox it is missing the edge and bottom of the screen, the video is cropped for some reason:


any thoughts? thank you in advance for your help! :)

09-22-2007, 06:06 PM
It appears your video is set at a size of 320 x 240 but your script says <OBJECT id='mediaPlayer' width="222" height="166"..> The video is being played in Firefox at the size of 320x240, while in IE it is resized to 222x166. Why, I don't know but I bet it has something to do with IE is microsoft and so are .wmv files.

A) put the video elsewhere on the page so it can be 'full size'
B) resize the video to 222x166 on the local computer and upload it (good option because the video will take less time to load!)
C) if you have flash capabilities, convert it to flv and use flash

Also, I would just note that many of your images on the site are heavy, meaning they are not optimized. I would look at compressing the images if possible to help speed up loading time

09-23-2007, 04:56 AM
it worked! thank you jeremy! :thumbsup:

if i start optimizing my images, what size should I be shrinking them to, in order to still keep the quality? for example, the image on my splash page is 140K... what would i strive to reduce it to by optimizing?

thanks so much for your help!

09-23-2007, 08:12 AM
No problem, video is my major.

For image compression there are probably some good tutorials or guides on the internet somewhere. Its impossible to say you should reduce the file size by a certain percent, but I could give you a couple tips if you use Fireworks or Photoshop on how. But with any decent image editing program you will find that there is an option to export the images, and you should be able to change the quality or compression ratio for the images. Most of the time you just have to test each image and see the quality loss is worth the reduction in size. Typically reducing by 15-25% can cut significant size. Also I suggest using progressive so that the image begins to load and will sharpen as it finishes. The best method is to figure out how to crop the images, so for instance your quote by Lincoln could actually be text instead of an image.

Attached is the large image reduced to 70% quality by Fireworks. The issues arise with text, but the image looks pretty good still. Again, get the text out of the actual images and save yourself the bandwidth that way.