Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 431
  • Last Modified:

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
0
JaseSt
Asked:
JaseSt
  • 6
  • 5
1 Solution
 
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
 
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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
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
 
HagayMandelCommented:
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
 
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now