レスポンシブサイトにiframeでコンテンツを組み込む - ワザノバ | wazanova
http://mobile.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約7時間前 Rachel McCollinがSmashing Magazineで紹介しているテクニック。 レスポンシブデザインのサイトにYouTubeをiframeで組み込む。 The Markup iframeをラッパーでくるむ。 <div> <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0"> <
tumblrのYouTube埋め込み表示がカッコイイ
最近tumblrのダッシュボードで流れるYouTubeの埋め込み表示が変わって「お!」な感じだったので調べてみました。 まずYouTubeの動画を普通に貼りつけると、こうなります。 特にこれでも問題ないというか、Youtubeの特徴的な再生ボタンのおかげで十分動画だと分かります。しかし最近のタンブラーの動画サムネはこのように変わりました。 面白いですね。ノイズが動いているおかげで、より動画っぽい印象が増しています。 劇的な変化でもないし、良くなったか悪くなったかは微妙な所ではありますが、個人的にはタンブラーらしい変化かなと思いました。※タンブラーは機能が増えるよりも減ることに喜びを感じる思想を持ってます。 というわけで、ソースを覗いて実現法を見てみましょう。 実装方法 通常のYoutubeの埋め込みコードはこちらです。iframe一行のみ。 <iframe loading="lazy" w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
