Solved

Youtube links messing up Dropdown menu

Posted on 2012-12-30
1
262 Views
Last Modified: 2012-12-31
Hi all,

As the title describes, I have a couple of youtube links on a page like this:

<iframe id="first" width="560" height="315" src="http://www.youtube.com/embed/WU1Agfd_nQw" frameborder="0" allowfullscreen></iframe>
<p>&nbsp;</p>
<p>&nbsp;</p>
<iframe width="420" height="315" src="http://www.youtube.com/embed/19_PLNHd18w" frameborder="0" allowfullscreen></iframe>

Open in new window


When I add this to the page though it makes the dropdown menu go to the back and so appears behind the main content area. I don't want to have to change the dropdown menu script so I'm wondering is there is a different format I could use for displaying the utube videos?


Thanks,

D
0
Comment
Question by:TLN_CANADA
1 Comment
 
LVL 11

Accepted Solution

by:
mcnute earned 500 total points
ID: 38732235
You can do it the old way:

<object width="560" height="315"><param name="movie" value="http://www.youtube.com/embed/WU1Agfd_nQw?version=3&amp;hl=de_DE&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9-W_kAfRLlQ?version=3&amp;hl=de_DE&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Open in new window


This is when you click on embed under the youtube video itself and then select old way of embedding selectbox.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now