iframeで埋め込むときのレスポンシブ対応について
GoogleマップやVimeo、Youtube動画のような外部サービスを埋め込みたいことがよくあります。昨今はレスポンシブ対応でサイトを作っていることが多いので、ブラウザ横幅に応じて、埋め込み部分も可変する必要があります。コードを紹介しながら解説します。
iframeで埋め込み元の高さ計算して埋め込み先に反映させる方法
HTMLのインラインフレーム要素（iframe）で、他サイトのページを埋め込むアイデアはわりとよく使われます。たとえば、カラーミーショップ（EC）にWordPressのコンテンツを埋めこんだり。やってみると下の表示が切れる場面に遭遇しますが、高さ調整が重要です。
カラーミーショップに動画を埋め込む方法を解説します
カラーミーショップで動画を埋め込みたいことがあります。YouTube、FTPサーバーを使った設置用のサンプルコードを紹介。