Youtube動画を埋め込むと、エラーが出てしまいます。

すみません、肝心のサイトを貼るのを忘れていました。
https://otajyo.com/

youtubeは大丈夫なようですが、
/wp-admin/admin-ajax.php Failed to load resource: the server responded with a status of 403 ()

が出てます。admin-ajax.phpにアクセスするようなプラグインやスクリプトを停止してみて下さい。
画面遷移なしに何かしらが表示されるようなものです。
もしくは、admin-ajax.phpのパーミッションをそれらがアクセスできるように変更して下さい。

場合によってはhtaccessでアクセス禁止されているかも知れません。これらはmixhostのデフォルトの仕様であれば、どこを直すべきかを問い合わせれば良いのではなかろうかと思います。マニュアル等があれば、それらに書いてあるかも知れません。

Hidekichiさん返信していただいてありがとうございます。
IP Geo Block というプラグインを削除したら

/wp-admin/admin-ajax.php Failed to load resource: the server responded with a status of 403 ()

のエラーが消えました。
教えていただいてありがとうございます。

ログインしている時はエラーが表示されていなかったので、まったく気づいていませんでした。
教えていただけなければきっと気づかないままでした。
ありがとうございます。

それと、質問ばかりで申し訳ないのですがまた新たな問題が出てきたので教えていただけないでしょうか。
クロームのデベロッパーツールでスマホでどのように表示されているか私のサイトを確認したところ、なぜかパソコンの画面のまま小さくなっただけの画面が表示されてしまいます。

こちらもログインしているときはスマホの画面はちゃんとスマホ用の画面が表示されるのですが、ログインしていないときはパソコンの画面が小さくなったままのものが表示されてしまいます。

他のサイトさんで確かめたらちゃんとスマホ用、パソコン用で画面が切り替わっているので、私のサイトがおかしいんだと思います。

スマホなのにパソコン用の画面が表示されてしまっているということですよね・・・？

頑張っているのですが原因がわかりません。
本来なら自動で切り替わるはずですよね？

どうしたら解決できるのでしょうか？

> クロームのデベロッパーツールでスマホでどのように
> 表示されているか…パソコンの画面のまま小さくなっただけの
> 画面が表示

完全レスポンシブがOFFなら、キャッシュが効いているだけかと思うのでchromeならシークレットウィドウでログインして、デベロッパーツールを見てどうなるか確認するか、デベロッパーツールのネットワークタブのすぐ下にdisable cache(もしかしたら日本語になってるかも)と言うのがあるのでそこにチェックを入れれば、デベロッパーツールが表示されている間はキャッシュを受けないかと思いますので、そこで確認して下さい。

あと、プラグインなどでキャッシュが動作しているのであれば、一応念の為、携帯モードに切り替える前にそれらをクリアして下さい。

完全レスポンシブがONならそれは仕様です。

Hidekichiさん何度も教えていただいてありがとうございます。

デベロッパーツールのdisable cacheにチェックを入れても直らなかったので、教えていただいたキャッシュ系のプラグインのせいかなと思ったので、litespeed cacheというプラグインを削除しました。
そしたらようやく直りました。
クリアの仕方を調べてもわからなかったので削除してしまいました・・・。

このプラグインを入れると早くなると聞いたので入れましたが、今のところそんなにスピードが変わらないようなのでとりあえずこのままで様子を見ようと思います。

それと
base.js:3601 Uncaught TypeError: Cannot read property ‘g’ of undefined
at UX (base.js:3601)
at pX.g.h.VO (base.js:6480)
というエラーも表示されなくなりました。

ただスマホの時だけ、Youtubeを埋め込んだページのTOPへ戻るボタンの動作は相変わらずおかしいみたいです。 でも仕様なんだと諦めて先に進みます。

わからないことが出てきたらまた質問するかもしれませんが、その時はまたよろしくお願いいたします。
hidekichiさん素人すぎる質問に答えてくださり本当に助かりました、ありがとうございました。

特にスマホ時にtopへ戻るがおかしな感じはないですけれども、youtubeを埋め込んだ時にだけそうなるなら埋め込まずに使う方法もあります。

結果的には埋め込む形になるのですが、再生しない場合はサムネイルが表示されるだけです。

サンプル: Youtube address convert to embed iframeを実際にSimplicityに適用したらどうなるかのテスト | codepen

参考: jQuery: Youtubeの動画アドレスを書くだけでPlayerを埋め込んでみる

参考: youtube grid layout mobile-first responsive | codepen
※ これは今話題のcss gridでどうなるかの実験です。gridがサポートされていないブラウザでは正しく表示できません。

他、実装サイト: ギターを弾き語れ！-Grav-

Hidekichiさん何度も教えていただいて本当にありがとうございます。
スマホ時にTOPへ戻るの動作がおかしいのは私の環境のせいなのかもしれませんね。
安心しました。
もしYoutubeを埋め込んで不具合が出たら教えていただいた方法でやってみようと思います。

サイト拝見させていただきましたが、他にも参考になる記事がたくさんありました。
まさにやりたかった事が書かれていたので驚きました。
教えていただいてありがとうございます。

私みたいな素人はやりたい事があってもどうやって調べたらいいのかすらわからないこともあるので、こうして教えていただけるのは大変助かります。
まだ作り始めたばかりなので勉強しながら少しずつやっていこうと思います。
私は不器用なので・・・少しずつ。