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
We offer best quality mcitp dumps test papers and pass4sure itil materials. You can get our 100% guaranteed Testking 642-732 questions & Actualtests VCP550 to help you in passing the real exam of HP training.
I have been obsessed with computers, tech, gadgets and games since the early 1980’s having grown up on the Commodore 64 and Amiga computers.
By day I work in the IT Security Industry and have been in IT for over 20 years. On my spare time I am a Vlogger, Blogger, Streamer, Gadget Reviewer, affiliate marketer, influencer and entertainer. I am also an avid movie fan, TV Show fan, Anime fan, video game fan and fan of trying anything and everything new.