Problem with CSS, JS or HTML? Can't tell

I’m having a problem getting a YouTube video to display inside a tabbed interface and it’s driving me crazy. The “Virtual Tour” tab should load a YouTube video, but it’s just showing a blank white div.

Copy/paste link in browser:

Anyone know what might be causing this?

Any help would be greatly appreciated!

I didn’t code the page, but thank you for your keen observations. I understand it’s not exactly valid. Just trying to get it to work right now though, the developer that coded it is no longer with us.

I replaced the <object> code you have with the default YouTube embed code (only changing the width and height) and it worked fine:

<object width="438" height="354"><param name="movie" value=";hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src=";hl=en_US&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Maybe start with that.

Elements’ names should always describe what they are not where (so id=“column_left” or id=“column_right_middle” doesn’t sound too good).

The DOM Tree for “broken” element is:

html> body#home> div#container> div#innercontainer> div#content> div#newdetail> div#column_left> div#tabs_middle> div#tabs_bottom> div.tabs> div#virtual_tour> object

Wow, 9 divisions on the top of that. And you’re wondering what’s wrong :wink: :slight_smile:

Let me start with a question - what’s your main CSS file? Because I see 3 of them (?!).


It’s not an embedded SWF file, it’s a YouTube video and if you go to the video directly, it plays fine.

You can’t just replace the object code with what I posted above? Worked for me in Firebug.

That same thing happened to me and what it ended up being was the location for the swf file was off so it couldn’t find it. It said the same thing. See if you have it in the right place?