前略、ryota0815さん

html５での動画の掲載はやったことがなかったのですが、テストサイトで、少しだけ試してみました。

やはり、クラッシックエディターのテキストエディターでは、なぜか自動再生しませんでした。

ブロックエディターの「カスタムHTML」ブロックに以下のように貼り付けたら、パソコンのブラウザでは、自動再生するようです。（スマホ実機では見ていません。

<video controls loop autoplay muted playsinline width="320" height="565">

    <source src="http://demo01.local/wp-content/uploads/2021/11/button-hikari02.mp4" type="video/mp4">

    このブラウザはビデオの埋め込みをサポートしていません。
</video>

なにしろ詳しくないので間違っているかもしれません。（適当に書いたものです）

参考にさせていただいたサイト様

動画埋め込み要素

https://developer.mozilla.org/ja/docs/Web/HTML/Element/video

簡単に動画をWebサイトに掲載できる！videoタグの使い方と設定方法

https://www.itra.co.jp/webmedia/video_element.html

もっと詳しく方が、書き込んでくださるかも。

HTML5とHTML Living Standardとの違いとは？学習方法や資格も解説 ｜ IT・エンジニア派遣のModis https://www.modis.jp/staffing/insight/column_122/

playsinlineという属性が最近できたばかりのようです。

もしかしたらクラシックエディターが新しいHTMLに対応してなくて、余分な文字列だと認識しているのかもしれません。（完全に推測です。）

テンプレート文（定型文）を登録して使い回す方法 https://wp-cocoon.com/how-to-use-template-text/

テンプレートのショートコードならそのままHTMLが使えそうな気がします。少し手間が増えますが…。

（追記）テンプレート機能がクラシックエディターを使ってるようなので同じ動作をしそうですね…。（追記終わり）

ブロックエディターの「カスタムHTML」ブロックに以下のように貼り付けたら、パソコンのブラウザでは、自動再生するようです。

もしくはブロックエディターだとうまく動作するようなので、これを機にブロックエディターに挑戦するというのも手かと思います。

ブロックエディターであれば動画ブロックがあり、以下の属性をブロックで指定できます。

• autoplay
• loop
• muted
• controls
• playsinline
• preload
• poster