Embedded YouTube Blocks Popup on Website

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:

image

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&amp;hl=en_US&amp;fs=1">

</param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/3pIcGU6Ith0&amp;hl=en_US&amp;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&amp;hl=en_US&amp;fs=1?rel=0">

<param name="movie" value="http://www.youtube.com/v/3pIcGU6Ith0&amp;hl=en_US&amp;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.

Justin Germino
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.
Justin Germino

@dragonblogger

Content Creator/Owner of https://t.co/iWP6afuOc9 for Tech, Game, Entertainment and streamer at https://t.co/594fXMdMIA
Great stream. Thanks to all those who came out to visit the stream of Pumpkin Jack. - 36 mins ago
Justin Germino
Justin Germino
Share Feedback We Want to Hear From You