Skip navigation
radjumalta1
Currently Being Moderated

Inserting Video

Sep 24, 2012 8:08 AM

Hi,

 

I am having trouble inserting video into my website. Can anyone help me with this? Also, I am having trouble with browser compatibility for my menu. It is fine in Safari but not in Internet Explorer. The website is at tarxienscouts.org Thanks

 
Replies
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Sep 24, 2012 8:16 AM   in reply to radjumalta1

    I am having trouble inserting video into my website.

    Can you elaborate your issue? Try to be as detailed & as specific as possible to help us help you.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 8:22 AM   in reply to radjumalta1

    What kind of video are you trying to add and what are you currently trying to do to add it?

     

    Your menu is missing ending <li> tags which will cause IE to go into Quirks Mode and is likely causing any display issue. Run your page through a validator like this: http://validator.w3.org/ and take care of any errors first. If the display issue persists, then we can start looking deeper.

     

     

    Quick note: A splash page as you have used is really not a good idea as far as search engine optimization goes and will likely result in your site being much lower in the list in any given search results than a site that doesn't use the splash page.

     

    EDIT: If you want to have dummy links, use a single # as the link, instead of something like "Site Under Construction". Also, stay away from using spaces or special characters in page names. Use hyphens or underscores instead.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 8:30 AM   in reply to Jon Fritz II

    You also have a couple structural errors in your splash page.

     

    Your <body> tag is not closed, it is missing it's ending bracket.

     

    Your <div id="welcome_image"> div is missing it's end tag also.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 8:42 AM   in reply to radjumalta1

    Can you upload the corrected files? The online version still has all of the errors.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 8:47 AM   in reply to radjumalta1

    Could you try adding the video again and uploading the updated page and video to your server? We could then take a look and see what's actually happening. Right now it would just be guess work.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 9:00 AM   in reply to radjumalta1

    OK, you still have a bunch of errors in your code.

     

    You have an extra </li> at around line 1247.

     

    You have duplicated css in the head of your page that is making your code ridiculously long for a simple page. Any fixes I could give you would likely deal with part of that code, so you'll need to clean it up. I'm going into a meeting and likely won't be back on for a while. Someone else here should be able to point you in the right direction.

     

    Also, make sure you take a look at your site on the validator I posted, the errors coming up on there will also need to be taken care of to keep IE out of Quirks Mode.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 10:39 AM   in reply to radjumalta1

    The link to your video is incorrect, or your video has been uploaded to the wrong folder. When I follow the link in the source to VIDEO0010.swf I get a 404 file not found error.

     

    You need to go into your source code and delete the extra copies of your navigation menu css. From line 19 to line 739 looks like it would be safely deleted.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 11:12 AM   in reply to radjumalta1

    Line 19 needs to be deleted, it's just a left over ending style tag.

     

    I assume you are talking about how the Contacts link in your menu drops to a second line?

     

    Try changing...

     

    .NavigationBarFixedCentered {

    float: none;
    width: 1000px;
    margin-left:auto;
    margin-right:auto;

     

    to

     

    .NavigationBarFixedCentered {

    float: none;
    width: 1011px;
    margin-left:auto;
    margin-right:auto;

     


     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 11:18 AM   in reply to Jon Fritz II

    Someone far more knowledgeable in Flash can help you with the video issue. You should probably start another thread specifically for that issue though.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 11:28 AM   in reply to radjumalta1

    You should look at creating a FLV video instead of a SWF as its a little more flexible with online video. You can then add a SWF player with controls. If you have Adobe Creative Suite, Adobe Media Encoder can take your AVI file and convert to FLV.

     

    Alternatively, and possibly the best solution for iTouch devices and everything else, is to use a media player - like YouTube or JW Player - http://www.longtailvideo.com/players . This takes some of the hassle out.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 11:46 AM   in reply to radjumalta1

    Sorry, try 1012px, I think 1011 is 1 pixel too small.

     

    All of those partial pixels (13.87775px and what-not)  in your CSS could be causing some of the problem.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 11:54 AM   in reply to radjumalta1

    Can you upload the page with the change?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 24, 2012 11:59 AM   in reply to Jon Fritz II

    Actually, I found it, that page still has multiple copies of the css on it, you changed one, but another css set comes after so it uses that definition.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    Sep 24, 2012 8:52 PM   in reply to radjumalta1

    This link should help you: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/ 12538/supported-player-embed-methods

     

    On the left you can navigate to see all FAQ/ How-to documents.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points