以下の通り実施する
Simple Custom CSS
以下コードを追加
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
埋め込みコードを囲う
埋め込みコードをdivで囲う
<div class="youtube">
<iframe src="https://www.youtube.com/embed/CQA54t4ZFMA?rel=0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
イチイチ面倒なのでAddQuicktagを使う
参考
ttps://tabibitojin.com/youtube-embed-wordpress-css/