エディターは、クラッシックエディターをお使いなのでしょうか？

また、iframe の width や height の数値を変更されましたか？

@akira はじめまして。クラシックエディタを入れてます。

投稿者:: @akira

iframe の width や height の数値を変更されましたか？

こちら変更してみましたが、下書きの段階では反映されるものの、実際の表示には反映されませんでした。

@purapura さん

「これだ！」という方法が思い付きませんでした。

ただ、今後に少し不安があるものの、以下の方法でご希望の状態になると思います。

まず、子テーマの functions.php に、以下のコードを追加します。

function wrap_iframe_in_div($the_content) {
  if ( is_singular() ) {
    //YouTube動画にラッパーを装着
    $the_content = preg_replace(
      '/<iframe[^>]+?width=["](?!.*374).*?["].+?(youtube\.com|jwplatform\.com|player\.vimeo\.com)[^<]+?<\/iframe>/is',
      '<div class="video-container"><div class="video">${0}</div></div>',
      $the_content
    );
    //Instagram動画にラッパーを装着
    $the_content = preg_replace(
      '/<iframe[^>]+?instagram\.com[^<]+?<\/iframe>/is',
      '<div class="instagram-container"><div class="instagram">${0}</div></div>',
      $the_content
    );
  }
  return $the_content;
}

そして、投稿ページの編集にて iframe を書きます。この時、必ず iframe を div などで囲みます。また、width や height の数値は変更しません。

<div><iframe title="【スープジャーレシピ】生米から準備5分。簡単なのに本格中華粥" src="https://www.youtube.com/embed/1obS4IAtw9w" width="374" height="664" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

※ div などで囲まないとクラッシックエディターのビジュアルとテキストを切り替えた際に、iframe の子要素に span が追加されます。この動作は WordPress の仕様なのですが、いかなる要素も iframe の子要素にはできません。

※ もし今後ブロックエディターをお使いになる場合は、ショート動画の iframe は カスタム HTML ブロックに書いてください。この場合は、iframe を div などで囲む必要はありません。尚、通常の YouTube 動画は、通常どおり埋め込んで構いません。

これで YouTube のショート動画は、縦長に表示されます。

YouTube では、ショート動画の角は丸くなっています。同じように丸くする場合は、子テーマの style.css に以下の CSS を追加します。

iframe[width="374"][src*="youtube.com"] {
  border-radius: 12px;
}

高さを変更する場合は、このような CSS で可能です。height の値が高さになります。

iframe[width="374"][src*="youtube.com"] {
  aspect-ratio: 374 / 664;
  height: 500px;
  width: auto;
}

Akiraさんと同じことを、人手でやっただけかも。

●前提条件
ショートムービーの縦横比＝9:16(横向き)とする。

●埋め込みコード
以下のように埋め込みコードを囲む。
<div class="youtube">埋め込みコード</div>

●CSS

.youtube iframe {
  position: relative;
  aspect-ratio:9 /16; /* ビデオの横/縦比 */
}

.youtube .video {
  height: 100%;
  margin: 0 auto;
  overflow: visible;
  padding-bottom: 0;
  width: 300px;   /* ビデオ横幅 */
}

@akira とても詳しくありがとうございます！！ショート動画が縦表示できました！！本当に助かりました！

@chu-ya　ありがとうございます！縦長になりました！教えて頂き感謝です！！

@purapura さん

投稿者:: @purapura

縦長になりました！

恐れ入りますが、フォーラムのマナーとして解決済の場合、「解決済」ボタンを押して頂きたく。

@chu-ya わ、すみません！押します！