お世話になっております。
只今、Wordpressを使用し、動画のまとめサイトのようなものを作ろうとしております。
記事に載せる動画のiflameのレスポンシブ対応について質問があります。
只今、記事に載せる動画は以下のコードにて埋め込んでおります。
HTML
1<div class="iframe-content"><iframe src="URL" frameborder=0></iframe></div>
CSS
1.iframe-content { 2 position: relative; 3 width: 100%; 4 padding: 75% 0 0 0; 5} 6.iframe-content iframe { 7 position: absolute; 8 top: 0; 9 left: 0; 10 width: 100%; 11 height: 70%; 12}
すると、paddingの設定によって、
動画のすぐ下に置いてあるボタン群がクリックできなくなってしまいます。
位置をずらさずに、iflameの真下にある領域を機能させる方法はありますでしょうか?
諸事情がありまして作業中のページをお見せすることができずに申し訳ございません。
これだけの情報ですが、お応え頂けたら大変嬉しく思います。
何卒よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/26 16:52