[B! youtube] ico_peのブックマーク

IEでYouTube動画が他コンテンツの上に重ならないようにする

サイトにYouTube動画を貼付けることもあると思います。 lightboxなどのjqueryプラグインを使って画像をオーバーレイ表示させた場合、IEでのみYouTube動画が上に重なって邪魔をしてしまいます。 YouTube のiframe版埋め込みコードのURLの後ろのパラメータに &wmode=transparent を追加することで解消されます。例： [crayon] [/crayon]

ico_pe 2016/06/08

リンク

YouTube動画を埋め込む際に重なり順序を指定する「wmode=”transparent”」を設定する方法｜BLACKFLAG

YouTubeの動画をWebページ上に掲載する際に、ちょっとハマりそうになったwmodeの指定のメモ書き。今ではYouTubeの動画はiframeを使って簡単にWebページに埋め込むことが可能となっていますが iframe内に生成されるFlash埋め込みタグ（embedなど）では、要素の重なり具合を指定するwmodeの値がデフォルトでは「wmode=”opaque”」になっています。このままのの指定だと、同じページ上でモーダルウィンドウの様なz-indexなどのレイヤー指定を使ってコンテンツ要素の重なり具合を制御しようとしても Flash要素が最前面（一番上）に表示されてしまいます。本来その様な場合には、embedタグ内に「wmode=”transparent”」という指定すれば Flash要素は背面に表示されるのですが、YouTube埋め込みiframeの場合はソースが自動

ico_pe 2015/06/15

リンク

Youtube 動画の埋め込みをCSSでレスポンシブ対応する方法

Youtube の埋め込みをレスポンシブ対応のページにそのまま入れようとしても、可変になってくれないという問題がでてきます。レスポンシブ対応する方法について、毎回調べてしまっていたので、メモとしてエントリーしておきます。 Youtubeの埋め込みをレスポンシブ対応するCSS：条件付き2014年8月19日時点での埋め込みコードをレスポンシブ対応するには、以下のようにしておくだけです。 HTML