ブログYoutubeの動画をブログに埋め込むとき、今まではサイズを固定する方法でした。画面の大きさに合わせて、動画のサイズも自動で変更するようにレスポンシブCSSを追加しました。くじYoutube動画の埋め込みCSSコードを追加する記事中の埋め込みコード記述法まとめYoutube動画の埋め込みYoutubeの動画を埋め込む時は、通常埋め込みたい動画の画面から共有用のコードを取得します。このまま貼り付けても動画再生可能ですが、貼り付けサイズが固定されていますので、スマホやブラウザのサイズによっては、はみ出てしまいます。スマホなどさまざまな画面サイズに合わせて、自動でリサイズしてくれるCSSを設定しました。CSSコードを追加するSeesaaブログの管理画面から、[デザイン]→[デザイン設定]→[自分の使っているCSS名]をクリックして編集画面を開きます。次のコードを追加します。クラス名は、自分で分かりやすいものに変更して使ってください。100%;}[.movie-wrap]で全体の最大幅を指定しています。最大幅を指定せず、完全可変させたい場合は、削除してください。記事中に埋め込むコードは、divタグにクラス指定をして使います。↓PCブラウザでもスマホで見てもリサイズされて綺麗に見れます。まとめえ~設定しては見ましたが、よく考えたら自分のサイトを、まだレスポンシブ化してないので、あまり意味はなかったような気がします^^;HTMLやCSSの勉強をして、少しずつデザイン変更やテクニック的なことも覚えているので、レスポンシブ化も将来的には実践していきたいですね。2013-05-28Amazon楽天市場YahooショッピングAmazonでお得に買う方法ネット通販の代表格Amazon。Amazonプライム会員に登録すると送料無料の他にも様々な特典がついてきます。そんなAmazonでの買い物を、さらにお得にするなら、Amazonギフト券への購入チャージをおすすめします。最大2.5%分のポイントがもらえます。Amazonプライム会員の方なら是非活用して、更にお得に利用しましょう。コメントをキャンセルメールアドレスが公開されることはありません。(17)PROFILEtaksたくす福岡在住のアラフィフサラリーマンです。好奇心旺盛でいろいろな趣味に手を出してしまいます。一人でも楽しめる趣味の情報を中心に、使っているガジェットの紹介やブログ運営の情報など、多岐にわたって紹介していく雑記ブログです。「カエレバっぽいやつ」を使い始めたのでご紹介。