wordpress投稿ページ(single.php)のカスタマイズについて(動画・画像)

Question

前提・実現したいこと

wordpressをカスタマイズしています。
single.phpのループの中で<?php the_content(); ?>で書き出されたコンテンツがうまく表示されません。

具体的には、

(1)imgタグにwidthとheightが書き出される
→→タグ消去のコードをfunction.phpに書いて解決

(2)youtubeの動画リンクを貼った時に、プレビューでサイズが小さく表示されてしまう。
→→Gutenbergの編集画面では表示される。

(1)は解決したのですが、(2)の問題が解決できず、何か解決手段をご教授いただければ幸いです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

.wp-block-embed-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

試したこと

・上記のCSSを試したところyoutubeの動画事態が表示されなくなった。
・埋め込み等は試した。

補足情報（FW/ツールのバージョンなど）

wordpress5.6

Answer 1

以下のCSSとfunction.phpにadd_theme_support('post-formats','video')の追加で解決しました。

.video{
    height:0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
}
.video iframe{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
}
.wp-block-embed__wrapper{
    height:0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    
    }
.wp-block-embed__wrapper iframe{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    }