piroweb

椅子の上にも3年以上

LightboxとYouTubeの動画との重なりを直す

上の画像のように、YouTubuの動画をiframeで読み込みます。そのすぐ下に、 Lightboxを設定したイメージを配置しクリックしてみると、FireFoxでは大丈夫でしたが、ブラウザがChromeやSafariの場 [...]

lightboxとyoutubeの重なり

上の画像のように、YouTubuの動画をiframeで読み込みます。そのすぐ下に、
Lightboxを設定したイメージを配置しクリックしてみると、FireFoxでは大丈夫でしたが、ブラウザがChromeやSafariの場合、動画の下にイメージが隠れてしまいます。
↓↓

lightboxとyoutubeの重なり

Lightboxを使って大きく表示しているイメージが見れないのは残念です。といいますか、意味がない。というわけで、回避させる方法です。

これだと重なってしまうので、
↓↓

<iframe src="http://www.youtube.com/embed/○○○"></iframe>

srcのURLの最後に、?wmode=transparent を付け加えます。
↓↓

<iframe src="http://www.youtube.com/embed/○○○?wmode=transparent"></iframe>

これで重なりが回避されます。
↓↓

lightboxとyoutubeの重なり

コメント

ページトップへ戻る