YouTubeの動画をWordPressに埋め込んだのに、
なぜかエラーが出て再生できない…
スマホで見ると特にひどくて、
「error 153」という表示が出るだけで
何もできない。
設定は合ってるはずなのに、どうして？
そう思って悩んでいる方も多いのではないでしょうか。
SWELLのLazyload設定が原因だった
この記事ではSWELLテーマを使っているWordPressサイトで
YouTubeの埋め込み動画に「error 153」が出る原因と、
管理画面から設定を変えるだけで解消できる
具体的な手順をわかりやすく解説します。
error 153 はなぜ起きるのか
Lazyloadがiframeを書き換えてしまう
SWELLには
ページの表示速度を上げるための
「遅延読み込み（Lazyload）」という機能があります。
この設定が
「スクリプト（lazysizes.js）を使う」
になっていると、
img（画像）だけでなく
iframe（YouTubeの埋め込み枠）にも
遅延読み込みが適用されます。
その結果、
YouTubeの埋め込みコードが
src=”https://www.youtube.com/…”
から
data-src=”https://www.youtube.com/…”
に書き換えられてしまいます。
スマホで正常に初期化できなくなる
YouTubeのプレイヤーはsrc を正しく読み込んで初期化されます。
data-src に書き換えられると
YouTubeが起動のタイミングを見失い、
「error 153」が表示されます。
スマホで特に起きやすいのは、
このスクリプトの動作が
端末や通信環境の影響を受けやすいからです。
SWELL設定で解決する手順
ステップ1：SWELL設定を開く
WordPress管理画面の
左メニューから
「SWELL設定」をクリックします。
ステップ2：「高速化」タブを開く
画面上部にあるタブの中から
「高速化」を選びます。
ステップ3：Lazyloadの設定を変更する
「画像等のLazyload」という項目を探します。
現在の設定が
「スクリプト（lazysizes.js）を使って遅延読み込みさせる」
になっていれば、
これを
「loading=”lazy” を使用する」
に変更してください。
ステップ4：保存して確認する
設定を保存したあと、
問題のあったページをスマホ・PCで
それぞれ確認します。
error 153 が消えていれば
対処完了です。
変更後に何が変わるのか
| 変更前 | 変更後 |
|---|---|
| JSがiframeのsrcを書き換える | HTMLを書き換えない |
| YouTubeが正常に初期化できない | YouTubeが正常に表示される |
| スマホでerror 153が出る | エラーが解消される |
それでも直らないときの確認ポイント
Lazyload自体をオフにして試す
同じ「画像等のLazyload」を
「使用しない」にして保存し、
エラーが消えるか確認します。
消えた場合は
Lazyload設定が原因と確定できます。
他のプラグインのLazyloadをオフにする
以下のプラグインにも
独自のLazyload機能があります。
- EWWW Image Optimizer
- Imagify
- Autoptimize
- WP Rocket
これらの「遅延読み込み」設定も
すべてオフにしてテストしてください。
確認しても解決しない場合
以下の情報をメモしておくと
原因の特定がスムーズになります。
- 問題が起きているページのURL
- 使用中の高速化・画像系プラグイン名
- 変更した設定の内容
まとめ
SWELLでYouTubeの「error 153」が出る場合は、
まず高速化設定のLazyloadを確認しましょう。
「lazysizes.js」から
「loading=”lazy”」に変更するだけで
解消できるケースが多いです。
プラグインによるLazyloadが重複している場合も
同様に見直してみてください。
設定変更は数分で完了するので、
ぜひ試してみてください。
