One of the difficulties with modern web design and development is it’s complexity. We’re no longer working in simple html. We’re working in (at least) 3 or 4 different programming languages, and having to work with lots of different web based program, like WordPress, and then having to stay on top of 3rd party sites, like the YouTube video embed code, that continues to change. It’s really a roller coaster ride!
One problem with Youtube is the embed code. You tub emakes it easy to share video or post it on your site…. but every so often the video shows on top of important things… like a menu. The old fix was to use a z-index setting. But that doesn’t seem to work any more. (there is a jquery fix I’ll give in a minute).
Add the following code to the end of your youtube embed code
alternatively you can use the z-index and add the following to your JQuery:
var url = $(this).attr(“src”)
I hope this help you out.