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

CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。 解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。 通常サイズ。ブロックいっぱいに広がる動画 幅をiPhoneなみに小さくしてみた例。動画も縮んでます。 IEでも動くみたいです。 これは覚えておいたほうがよさそうです。 関連エントリ フリーで新しめのXHTML/CSSで書かれたサイトテンプレート４５ ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ５６ Ajaxスタ

[abeshin22]

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

[screamo_creative]

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

[marie8nz]

CSS

[kokonohi]

ストリーミング動画をリサイズするCSS

[believerchannel]

_φ(･_･

[hidehish]

見てる:

[xiuxing]

ページ幅に応じて動的に動画をリサイズ。

[melo1029]

Youtube等の埋め込み動画を動的にリサイズするCSS例

[sevenbluesea]

youtube等の埋め込み画像を動的にリサイズ

[kasajei]

youtube等の埋め込み画像を動的にリサイズ

[kanz-labs]

HTML5やembed/iframeの動画をCSSでリサイズする方法

[luccafort]

あとで読む

[Jun-Sugihara]

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

[adsty]

どんな環境でも動画をページにフィットさせたい用途に有用。

[asyst]

お、すごい。

[dekatotoro]

Youtube等の埋め込み動画を動的にリサイズするCSS例

[code404]

ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。

[kankichi20]

ほほー。

[hr07jp]

YouTubeの埋め込み画像を動的にリサイズするCSS（スマホ対応）IE可

[asterisknautz]

メモ クイックポスト

[nors]

http://webdesignerwall.com/tutorials/css-elastic-videos

[visca__Barca]

動画を動的にリサイズするCSS例