Youtubeなどの埋め込み動画を動的にリサイズするCSS。

html
css

mmddkk のブックマーク 2011/06/01 16:28

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/44807882/comment/mmddkk" data-user-id="mmddkk" data-entry-url="https://b.hatena.ne.jp/entry/s/webdesignerwall.com/tutorials/css-elastic-videos" data-original-href="https://webdesignerwall.com/tutorials/css-elastic-videos" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebdesignerwall.com%2Ftutorials%2Fcss-elastic-videos" data-user-icon="/users/mmddkk/profile.png">CSS: Elastic Videos - Web Designer Wall</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/html">html</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/css">css</a>]</li></ul><br><p style="clear: left">Youtubeなどの埋め込み動画を動的にリサイズするCSS。</p><a class="datetime" href="https://b.hatena.ne.jp/mmddkk/20110601#bookmark-44807882"><span class="datetime-body">2011/06/01 16:28</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

CSS: Elastic Videos - Web Designer Wall

webdesignerwall.com2011/05/31

While I was coding the Elemin Theme (a responsive WordPress theme that I recently designed), one of the challenges that I faced was to make the embedded videos elastic. Using the max-width:100% and...

64 人がブックマーク・18 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

CSS: Elastic Videos - Web Designer Wall

はてなブックマーク

公式Twitter

はてなのサービス