サンプル1
メニュー文字をマウスオーバーすると、表示されている記事の前面にコンテンツを表示させる場合 YouTubeなどのobjectやembed がz-indexを無視して最前面に表示されてしまうため困ります。
サンプル1open サンプル1close
サンプル2
そこでonmouseoverによってコンテンツが現れた時objectやembedを非表示と設定します。
サンプル2open サンプル2close
実は非表示になっていることがあまり解からないように重ねられればベストでしょうね。
htmlタグopen htmlタグclose
youtubeなど非表示にしたものをdiv idで囲みます。
ここでは<div id="youtube">にし
マウスオーバーで開くものを<div id="bDiv">としました。

<span onmouseover="document.getElementById('bDiv').style.visibility='visible';document.getElementById('youtube').style.visibility='hidden';"><b>サンプル2open</b></span>

<span onmouseout="document.getElementById('bDiv').style.visibility='hidden';document.getElementById('youtube').style.visibility='visible';"><b>サンプル2close</b></span>