Embedded YouTube Blocks Popup on Website
By: dragonblogger // Category: Internet // 4 Comments »Okay I have spent almost two hours trying to figure out how to prevent a YouTube Video on my featured video sidebar from standing on top of my PopUp Domination mailing subscribe box that opens as a popup.
I tried tweaking the Z-index of the plug-in .js file itself as well as various configurations of Z-index on the YouTube embed code but nothing I did would let my PopUp Domination stand in front of the embedded YouTube Video.
It looked like this, which prevented someone from filling out the form in the popup:
Finally, I found a solution but it was a pretty ugly solution.
So this is what typical YouTube Embed Code looks like when you copy it from YouTube video directly:
<object width="359" height="227">
<param name="movie" value="http://www.youtube.com/v/3pIcGU6Ith0&hl=en_US&fs=1">
</param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/3pIcGU6Ith0&hl=en_US&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="359" height="227">
</embed></object>Well, I learned that the <embed> tag is not exactly very good HTML and that if you redo the code so you are using just an <object> tag like such:
<object type="application/x-shockwave-flash" style="width:360px; height:330px;" data="http://www.youtube.com/v/3pIcGU6Ith0&hl=en_US&fs=1?rel=0">
<param name="movie" value="http://www.youtube.com/v/3pIcGU6Ith0&hl=en_US&fs=1?rel=0" />
<param name="wmode" value="transparent"></param></object>
Plus you have to add the <param name="wmode" value="transparent"></param> and this will cause the YouTube video to work just fine and any popup to take precedence over the YouTube video. This is a bit inconvenient to do every time and I am hoping that I can figure out how to modify the plugin I am using (or have the developer do it) so that I don’t have to constantly rework my YouTube Embed code whenever I want to add a Google YouTube Video to my WordPress Blog.
In the meantime, changing your YouTube Embed code will allow CSS or Javascript Popup to go in front of your embedded YouTube Video.
-Dragon Blogger
If you enjoyed this post consider subscribing via
or
EMAIL 

For example, if you don’t want the fact that you had a few drinks last night or a colourful blog rant in a moment of rage to haunt you in the future, don’t post it online while you still have the control to do so. When information is posted to the internet at large, it is immortalized through the work of countless search engine crawlers, cached on a server somewhere with backup copies, or copied, quoted, stolen, aggregated, translated or otherwise duplicated by who knows who else. Unfair as it is, employers will decide not to hire you based solely on a Google search of all the “cloud-storage” of information on the subject of you. Do you really trust all those privacy policies? What if something happens beyond the control of the policy-maker, such as someone stealing information?
Simply put this means cut out anything and everything that doesn’t give provide you with value for one of the five area’s listed above. Drop any services or programs that bring you less than 5% of your monthly blogging traffic, unless you see potential for some to improve in the near future. Find out which of your blogging topics are most popular and focus on writing content to match your most popular topics, I have found I had to cut content from my own site after seeing much more traffic coming for specific categories and virtually no traffic arriving for others. Part of this is also adapting which is the next bullet.






