【縦横比を保つ】YouTube埋め込みをレスポンシブ対応にする
どうも！かけちまるです！ Webサイトで動画を扱うとき、YouTubeの埋め込みをよく使うと思います。 でもレスポンシブにしようとすると縦横比が崩れてあんまり綺麗にならずに悩んでる方いませんか？ その縦横比、保つ方法あるんです。 てことでこの記事ではYouTube埋め込みを縦横比を保ちながらレスポンシブ対応にする方法をご紹介します。 この記事を読むと、 ・縦横比を保ちながらレスポンシブ対応 ・padding-topを使う方法 ・CSSの新プロパティaspect-ratioを使う方法 が理解できます。 padding-topを使ってレスポンシブ対応 padding-topを利用して縦横比を保つ方法をご紹介します。 基本のHTML 基本のHTMLは以下です。 任意のYouTube埋め込みコードをdiv要素で囲んでいます。 div要素は縦横比を保つための要素です。 <div class="you
ようつべ買収はグーグルの世界政府β版=日本政府2.0への序曲 - アンカテ
「すべてを破壊していく」を日本先行でやったらとしたら見物だなあ.... 確かに! グーグルがYouTubeをどうするつもりなのかは私には予想がつかないが、買収したらYouTubeの持っているコンテンツを徹底的に調べることは間違いないだろう。 どの会社のコンテンツがたくさんあるか？ どこの国のユーザが多いか？ 提携可能な会社、敵対関係になる会社はどこか？ そうしたら、たぶんいろいろな分析結果で日本の占める割合が多いことがわかる。 事業戦略としては、まず、からんできそうな日本の会社の手の内を読まなければならない。日本についてよく知らなかったら「これだけコンテンツを集めているのに現段階で何のアプローチもないとしたら、先方はよほど有力な対抗サービスを計画しているのかも」みたいな誤解もするかもしれないけど、もっとよく調べれば、相手があまりにも無策なことがわかってビックリするだろう。 弾さんが言うよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/wmnews/20080728/7.html
