YouTubeの埋め込み動画のZ-indexがうざいので、非表示にする。

YouTubeの動画を埋め込んだページでMediaBoxを使うと、MediaBoxで呼び出したコンテンツより上のレイヤーにYouTube動画がでしゃばってくるので、MediaBoxを呼び出したタイミングで非表示に。


とりあえず、ページの内容はこんな感じ。

HEAD部分に、記述。


<script type="text/javascript">
function setVisibility(id,visible){
document.getElementById(id).style.display = visible ? "block" : "none";
}
</script>


んでもって、消したい要素をこれで囲む
<div id="youtube"></div>



MediaBox.jsの編集。

open: function(_images, startImage, _options) {
options = $extend({…

の部分に

open: function(_images, startImage, _options) {
setVisibility('youtube',false);//iflameを非表示に
options = $extend({…

ってやっておいて、

function close() {…

の中に

setVisibility('youtube',true);//iframeを表示


で終了。