【これで解決】ワードプレス「SWELL」でYouTubeの埋め込み動画が再生されない時の対処法

「SWELL」は本当に使い勝手が良いテーマですが、Youtube動画が表示されない現象に悩んでませんか？

今回は、私が実際に解決した時にいくつか試した方法を紹介します。

「SWELL」のYouTube埋め込み表示について

「SWELL」では【YouTube】というブロックを追加して埋め込みたいURLを追加しますよね。

表示したいYouTubeを入力すると、通常は編集画面で下のように表示されます。

…のはずが、PCやスマホで確認すると表示されない・・・

こんな時は次のことをチェックしてみましょう。

埋め込み動画が表示されない場合の対処法

まずは埋め込みNGでないかチェック！

確認の前に【著作権侵害で削除された動画】は当然ながら、埋め込みしても表示されません。

またYouTubeには映画・CM・TV番組など、著作権が発生するものが沢山違法アップロードされていますが、これらを埋め込んだ人も著作権侵害になりうるので掲載NGです。

埋め込みOKにもかかわらず表示されない場合は、次のことを試してみてください。

テーマやプラグインを最新バージョンにする

「SWELL」は開発者の機能アップグレードが非常に早いので、頻繁にテーマの更新があります。

同様にプラグインも日々更新があるので、テーマとプラグインの組み合わせや相性によって、突然表示されなくなる可能性も考えられます。

なのでテーマやプラグインの更新が来ている場合はまずすべて最新にしておきましょう。

スーパーリロード・Cookie削除をしてみる

テーマやプラグインが最新バージョンにも関わらず表示されない場合は、ブラウザ側のキャッシュが古いかもしれません。

スーパーリロードやCookieの削除でキャッシュをクリアしてみてください。

ちなみにCookieのクリア方法はブラウザによって異なりますので、下記リンクを参考に。

Google ChromeでのCookieの削除方法

FirefoxでのCookieの削除方法

「SWELL」のキャッシュをクリアする

ブラウザと同様に、「SWELL」のキャッシュもクリアしてみましょう。

管理画面の上にある、「SWELL設定」にマウスオーバーすると下のような画面になります。

【コンテンツ】と【ブログカード】の2種類のキャッシュクリアがあるので実行しておきましょう。

「SWELL」の設定を見直してみる

それでもダメな場合は「SWELL」に備わっている表示高速化に関する機能が原因として考えられます。

Lazyloadの読み込みをオフにする

【SWELL設定】から、【高速化】を選択。

下の方にスクロールすると、【画像のLazyload】という項目があるので、これを「使用しない」にチェック。

【LazyLaod】は画像の遅延読み込みですが、この機能による読み込みエラーの可能性があるので、オフにすることで解決する可能性があります。

【jQuey】の項目を全てオフにする

【SWELL設定】から、【jQuery】を選択。

【ファイルの読み込み】で「jQueryを強制的に読み込む」のチェックが入っていれば、これをはずす。

【jQuery】はJavaScript関係の機能のようなので、これをオフにすることで解決するパターンも多いと思います。

jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。

TECACADEMY

YouTubeの埋め込みエラーは解消できる

以上、「SWELL」でYouTubeの埋め込み動画の表示がうまくいかない場合の対処法を紹介しました。

SWELLでYoutubeの埋め込みが表示されなくなった時の対処法のおさらいです。

同じような症状で悩んでいる方の参考になれば幸いです。