Website Things

Youtube iframe z-index problem

Posted on Sunday, July 01, 2012
If you have a youtube video embedded within your web page that ignores the z-index of fixed or absolutely positioned DIV elements then here is both the html and the JavaScript (jquery) fix.   Original YouTube Code

Updated YouTube Code

Javascript to fix the z-index problem
$(document).ready(function ()
$('iframe').each(function()
var url = $(this).attr("src")
$(this).attr("src",url+"?wmode=transparent")
);
);