![](https://14blog.net/wp-content/uploads/2020/07/b-man.png)
「SWELL」で記事を書いてるけど、Youtube動画の埋め込みをしても表示されないんだけど・・・
「SWELL」は本当に使い勝手が良いテーマですが、Youtube動画が表示されない現象に悩んでませんか?
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
実は私も突然表示されなくなったことがありました!
今回は、私が実際に解決した時にいくつか試した方法を紹介します。
- SWELLでYouTubeが表示されなくなった時の解決方法
「SWELL」のYouTube埋め込み表示について
![「SWELL」のYouTube埋め込み表示について](https://aux.14blog.net/wp-content/uploads/2022/12/29fb144308e848ef7a228c9364f383a8.jpg)
「SWELL」では【YouTube】というブロックを追加して埋め込みたいURLを追加しますよね。
![YOUTUBE-URL](https://aux.14blog.net/wp-content/uploads/2022/12/YOUTUBE-URL.jpg)
表示したいYouTubeを入力すると、通常は編集画面で下のように表示されます。
…のはずが、PCやスマホで確認すると表示されない・・・
こんな時は次のことをチェックしてみましょう。
埋め込み動画が表示されない場合の対処法
![埋め込み動画が表示されない場合の対処法](https://aux.14blog.net/wp-content/uploads/2022/12/d3ea57c3928f9b392a828fedd5ac935b.jpg)
まずは埋め込みNGでないかチェック!
確認の前に【著作権侵害で削除された動画】は当然ながら、埋め込みしても表示されません。
またYouTubeには映画・CM・TV番組など、著作権が発生するものが沢山違法アップロードされていますが、これらを埋め込んだ人も著作権侵害になりうるので掲載NGです。
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
ただしYouTubeの公式チャンネルとして配信されている映画・CM・TV版組などは埋め込みOKです。
埋め込みOKにもかかわらず表示されない場合は、次のことを試してみてください。
テーマやプラグインを最新バージョンにする
「SWELL」は開発者の機能アップグレードが非常に早いので、頻繁にテーマの更新があります。
同様にプラグインも日々更新があるので、テーマとプラグインの組み合わせや相性によって、突然表示されなくなる可能性も考えられます。
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
私のようにそれまで表示されていたものが、突然表示されなくなった場合はテーマ更新が関係している可能性が高いです。
なのでテーマやプラグインの更新が来ている場合はまずすべて最新にしておきましょう。
スーパーリロード・Cookie削除をしてみる
テーマやプラグインが最新バージョンにも関わらず表示されない場合は、ブラウザ側のキャッシュが古いかもしれません。
スーパーリロードやCookieの削除でキャッシュをクリアしてみてください。
- Windowsの場合 ▶︎ Ctrl+F5
- Macの場合 ▶︎ Command+R
ちなみにCookieのクリア方法はブラウザによって異なりますので、下記リンクを参考に。
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
ブラウザーのキャッシュもこまめに削除しよう。
「SWELL」のキャッシュをクリアする
ブラウザと同様に、「SWELL」のキャッシュもクリアしてみましょう。
管理画面の上にある、「SWELL設定」にマウスオーバーすると下のような画面になります。
![「SWELL」のキャッシュをクリアする図解](https://aux.14blog.net/wp-content/uploads/2022/12/bef4965e02d612318b745671da871513.jpg)
【コンテンツ】と【ブログカード】の2種類のキャッシュクリアがあるので実行しておきましょう。
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
こちらも定期的にクリアしておきましょう。
「SWELL」の設定を見直してみる
それでもダメな場合は「SWELL」に備わっている表示高速化に関する機能が原因として考えられます。
Lazyloadの読み込みをオフにする
【SWELL設定】から、【高速化】を選択。
![Lazyloadの読み込みをオフにする図解](https://aux.14blog.net/wp-content/uploads/2022/12/6bed42e01155e696f3bb4a96efd7310a.jpg)
下の方にスクロールすると、【画像のLazyload】という項目があるので、これを「使用しない」にチェック。
![画像のlazyload図解](https://aux.14blog.net/wp-content/uploads/2022/12/821bca3f352f43b6a7d6c70f63d8b07f.jpg)
【LazyLaod】は画像の遅延読み込みですが、この機能による読み込みエラーの可能性があるので、オフにすることで解決する可能性があります。
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
こちらも定期的にクリアしておきましょう。
【jQuey】の項目を全てオフにする
【SWELL設定】から、【jQuery】を選択。
![【jQuey】の項目を全てオフにする](https://aux.14blog.net/wp-content/uploads/2022/12/ef0a1a82dd3ddc354ff9c9af40faf721.jpg)
【ファイルの読み込み】で「jQueryを強制的に読み込む」のチェックが入っていれば、これをはずす。
![ファイルの読み込み](https://aux.14blog.net/wp-content/uploads/2022/12/9a90d917e11741b5c215b8c0b39ea3fe.jpg)
【jQuery】はJavaScript関係の機能のようなので、これをオフにすることで解決するパターンも多いと思います。
jQueryとは、JavaScriptでできることを、より簡単な記法で実現できように設計されたJavaScriptライブラリです。2006年にリリースされ、JavaScriptライブラリのデファクトスタンダードであると言われています。
TECACADEMY
![](https://14blog.net/wp-content/uploads/2020/12/e4e52ce7e29460c817423bf0e65578ed.png)
私の場合は、これをオフにすることによって表示がされるようになりました!
YouTubeの埋め込みエラーは解消できる
![YouTubeの埋め込みエラーは解消できる](https://aux.14blog.net/wp-content/uploads/2022/12/c35c15d5e9a03e2f6d89ccedecd959f9.jpg)
以上、「SWELL」でYouTubeの埋め込み動画の表示がうまくいかない場合の対処法を紹介しました。
SWELLでYoutubeの埋め込みが表示されなくなった時の対処法のおさらいです。
- 埋め込みNGの動画でないかチェック!
- テーマやプラグインを最新バージョンに!
- スーパーリロード・Cookieを削除!
- SWELLのキャッシュをクリアする!
- SWELLの設定を見直してみる!
同じような症状で悩んでいる方の参考になれば幸いです。
コメント