する質問をすることでしか得られない、回答やアドバイスがある。56.25%;を指定したらコンテンツエリアの上に56.25%の余白が出来るだけじゃないのでしょうか?初心者なので的外れな質問かもしれませんがよろしくお願いいたします。100%;}attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+1CSSpadding-topが指定してあるので。paddingの%指定は横幅を基準とするため、16:9で計算してみてくださいコンテンツエリアの上に56.25%の余白が出来るだけじゃないのでしょうか?その余白の上にiframeを配置するテクニックです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。理解出来ました!本当に助かりました!キャンセル完了するlink+1「kei344」さんの回答どおりです。補足すると以下の感じです。分かりにくい場合はスミマセン。(^^;)1についてはCSSが優先されます。「iframe」だけではなく、他の要素でも「width」と「height」の優先度は低いので、削除してもそのままでも良いです。参考:参考先の記事は「img」の場合ですが、他の要素でも当てはまる場合が多いです。56.25%;を指定したらコンテンツエリアの上に56.25%の余白が出来るだけじゃないのでしょうか?まさに、これを利用しています。本来のコンテンツに該当する部分は高さが「0」です。absolute;で「iframe」を配置しているコードとなります。レスポンシブにするバリエーションは、いくつかありますので検索して、理解しやすい使いやすいコードを試してみてください。ちなみに「56.25%」は、16(横幅):9(高さ)の比率から、「(9÷16)×100=56.25(%)」となり、「4:3」の比率では75%となります。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。06:57公開してあるコード等を単純にコピペして使っても問題無ければ良いですが、内容を理解しておくと、修正が必要な場合に、その理由と応用が効くようになります。解決されて何よりです。(^^)公開してあるコード等を単純にコピペして使っても問題無ければ良いですが、内容を理解しておくと、修正が必要な場合に、その理由と応用が効くようになります。解決されて何よりです。頂いたご意見への回答は行っておりません。