これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例:phpspot開発日誌

前の記事 ≪：2011年5月31日管理人のブックマーク
次の記事 ≫：スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームで...

これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例

2011年06月01日-

スポンサードリンク

CSS: Elastic Videos

これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。
ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。
解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。

通常サイズ。ブロックいっぱいに広がる動画