embedding a youtube video in a specific area

I have a youtube video that I want to place precisely in a specific spot on my web page: right in the middle of the flat screen tv image. I used this code:

<div style="position: absolute; left: 66%; top: 27%; height: 20%; width: 20%">
<iframe id="ytplayer" type="text/html" width="225" height="127" src="http://www.youtube.com/embed/bpqE2E2bduk?autoplay=0&origin=http://foundlogic.com"  frameborder="0"/>
</div>

However when I insert the iframe code above for placing the video everything below the video disappears. Attached is the screenshot of what happens.

What I am asking for is the code that places the youtube video right in the center of the flat screen tv image AND at the same time, doen't cause the rest of the page to disappear,

youtube effect
JaseStAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
HagayMandelConnect With a Mentor Commented:
It's not a problem with your iframe!
If you look at the page source, nor further content is rendered!
Try closing the iframe tag: <iframe></iframe>
0
 
HagayMandelCommented:
Try adding:  wmode="transparent" to your code:
0
 
JaseStAuthor Commented:
Thank you, but I'm not a coder. Could you please show the entire code with your addition in it?
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
HagayMandelCommented:
<iframe id="ytplayer" type="text/html" width="225" height="127" src="http://www.youtube.com/embed/bpqE2E2bduk?autoplay=0&origin=http://foundlogic.com"&wmode=transparent"  frameborder="0"/>
0
 
JaseStAuthor Commented:
No, sorry. That didn't change anything. Still can't see the rest of the page.
0
 
HagayMandelCommented:
Please provide a link
0
 
HagayMandelCommented:
0
 
JaseStAuthor Commented:
here it is, and why am I not getting my video but a bat logic? Strange

http://michaelbehr.com/foundlogic/home6-sliced.html
0
 
JaseStAuthor Commented:
Ok, got the video to show up. But still not the rest of the page. Know what's going on?
0
 
JaseStAuthor Commented:
Wow! Something so simple. Don't know how I missed that. Anyway, that worked. Thank you!

If you're willing I'm also having a rollover problem as you can see if you hover over the different multicolored buttons below the video. They get stuck on hover. I'll post the link to the question here, if you're interested.

Thanks again, HagayMandel.
0
 
Alicia St RoseOwner & Principle Developer/DesignerCommented:
Hi JaseST,
Since this question is already closed, you'd probably get better results for you rollover issue if you started a new question.
0
All Courses

From novice to tech pro — start learning today.