質問: cssと動画 いつもお世話になっております。楽天・ヤフーの特集ページに動画を入れたレイアウトを作成しているのですが、動画がうまく要素の中に収まりません。videoタグやcssの方でサイズや中央寄せを調整しても綺麗に反映されませんでした...。もともとの組み方がよくないのか、cssの指定の仕方が間違っているのか、ご教示していただけたら幸いです。特集url↓https://www.rakuten.ne.jp/gold/tokeiten/feature/promaster/index.html
回答: ecマスターズの伊藤です。> 楽天・ヤフーの特集ページに動画を入れた> レイアウトを作成しているのですが、> 動画がうまく要素の中に収まりません。少々html構造を変更しましたが、問題ございませんでしょうか。下記の通り修正していただきますと、動画が表示されるようになりますのでご確認くださいませ。videoタグをc-movie-modal-btnの直下へ移動==========videoタグにcssを適用=====.c-movie-modal-btn video{ position: absolute; left: -200px;}=====※leftの数字は、ご希望の位置に合わせて修正してください。タグに適用しているcssのからpaddingを削除し、heightを400pxに変更=====.c-movie-modal-btn{ display:block; width:100%; height: 400px; /* padding-top:400px; */ background-position:center; background-color:#aaa; background-size:cover; position:relative; overflow:hidden;}=====