最終更新日 8年 | 公開日: 20180625
横並びでなければレスポンシブすぐできるんだけど、liで表示にした途端難易度跳ね上がった。
特にYouTubeはサイズ固定でiframe表示するから…100%でもはみ出るから……
iframe要素のレスポンシブWebデザイン対応
あとChrome66から自動再生で音出る問題対策に、自動再生そのものができなくなっている模様。
対策は↓videoタグに「muted」属性を加えるだけ（2018/7/2 時点）
Chrome最新版にて背景動画が自動再生されない事象：原因と対処方法