Writing a wordpress travel blog is one thing, but getting all the tech to work in the way you want it to can be (usually is) a pain in the back side.  Take Youtube for example.  Youtube is youtube, and generally brilliant. However, if like me you have drop down menu’s or other parts of your blog which covers the same area as you’re nice shiny video in some way or another you may get this …

youtube on top of drop down menu

… yup crapbags, the video sits on top of the other parts of your blog and means that they cannot be used by me or most importantly by my readers.  This isnt particuarly helpful is it.

The solution

Well fear not.  As I continue to expand my wordpress/tech tips section of my blog I have the answer for you – Yay!  Its pretty simple actually, although you will have to switch for the visual view to the html view within your post, but its not that scary honest.

So in HTML view, find your youtube vid and then simple paste ?wmode=opaque onto the end of your iframe src url.  Just like below.

<iframe src=”http://www.youtube.com/embed/SajTznBoeBc?wmode=opaque” frameborder=”0″ width=”600″ height=”320″ ></iframe>

youtube overlay issue

The result

youtube in front of drop down menu
Thats better isnt it. A fully functioning menu once again. Happy days.

Old Youtube alternative

If for some reason (not having a dig, maybe i just dont understand) you are still using the old method of linking youtube vids try adding the code as per below, should work just as well as the above.

Add the two different variations of wmode=transparent as per below.

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”640″ height=”385″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/NZ73_okzKx0&hl=en_US&fs=1&;” /><param name=”allowfullscreen” value=”true” /><param name=”wmode” value=”transparent” /><embed type=”application/x-shockwave-flash” width=”640″ height=”385″ src=”http://www.youtube.com/v/NZ73_okzKx0&hl=en_US&fs=1&;” allowfullscreen=”true” wmode=”transparent” allowscriptaccess=”always”></embed></object>