wordpress で lightbox 系の拡大画像の手前に YouTube が表示されるのを回避する

wordpress の ligntbox 系のプラグインは重宝するのですが、なぜか YouTube のほうが手前になってしまうんですよね、その回避方法です。

ダッシュボードから外観＞テーマの編集＞ヘッダ の head タグ内に下記ソースをペーストすればOKなはず。

<script type="text/javascript"> jQuery(document).ready(function($){ $('.post iframe').each(function(){ if($(this).attr('src').search("youtube")>-1){ $(this).attr('src',$(this).attr('src')+'?wmode=transparent'); } }) }); </script>

テーマが jQuery を使ってない場合は、上記ソースの上に、下記ソースをペーストしましょう。

<script type='text/javascript' src='<?php bloginfo('url'); ?>/wp-includes/js/jquery/jquery.js'></script>

サンプルページ
http://echizenya.biz/yamabuki/?p=4105

lightboxとyoutubeの重なりの修正とYouTube自動埋め込み
http://blog.dskymd.com/archives/1388

 - jQuery, wordpress