Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Location
    charlotte, nc
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Embedded Video - IE vs. Firefox

    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:

    http://leilanimunter.com/index2.html

    any thoughts? thank you in advance for your help!

  • #2
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    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.

    Solutions:
    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

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Location
    charlotte, nc
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    it worked! thank you jeremy!

    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!

  • #4
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    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.
    Attached Thumbnails Attached Thumbnails Embedded Video -  IE vs. Firefox-racecar.jpg  
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •