アシノスキマ A monologue of giraffe.LA (jimdo) web top

youtubeなどembed触れずレイヤー階層(z-inedx)上に来てしまう件(仕事メモ)

flashコンテンツや動画などをページにうめこんでいる場合。

z-inedxなどのレイヤー階層指定をかぶせているとき、レイヤーの下にきてほしいのに、上にくる。

その解決方法は単純だけど、あくまでembed中身をさわれる場合。

 

・youtubeなどの「埋め込み動画」だと、iframeタグでembedがさわれない。

z-inedxで下にさげられない。

 

そんなときの解決法メモ。

埋め込みソースはだいたいこんなかんじでしょうか?

 

 <iframe width="315" height="169" src="http://www.youtube.com/embed/なんとかかんとか" frameborder="0" allowfullscreen></iframe>


※”なんとかかんとか”部分は動画によって違う英数字。

 

これを下記のようなURLにします。src後ろにくっつけるだけ。

  <iframe width="315" height="169" src="http://www.youtube.com/embed/なんとかかんとか?rel=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe>

 

こrで、レイヤー階層(cssでのz-index操作)がきくようになります。

 

ちょっと知ってると、何かの時に困らない。

便利。便利。

 

jump_top