Youtube動画を埋め込んで記事を作成してiPhoneで確認をしたところ動画が直接再生できない状態になりました。iPadでも再生できません。
PCやiPhone 以外のAndroidスマホでは再生できます。
そんな問題に対する解決した対策のご紹介です。
swellの設定の変更で解決です!
目次
変化点
最近wordpressのテーマを「The Thor」から「swell」に変えました。
以前に作成した投稿記事でYoutube埋込動画は問題なく再生できます。
当初は、埋め込み方に問題が有るのかとURLにしたりHTMLで編集し直したりと試行錯誤しました。いずれもPCでは問題有りません。
冷静に考え、変化点はテーマを変更したことに着眼しました。
プラグインも疑いましたが、テーマを変えたことで以前に比べてインストールしているプラグインはだいぶ減っています。
見つけた原因と対策
いろいろと調べていく中で高速化処理が原因?と思えるような先人達のコメント。
swellには「swell設定」に「高速化」の設定が有ります。
その中に「遅延読み込み機能」の設定項目があります。
画像等のLazyload
この項目で、「loading=”lazy”を使用する」にチェックを入れていました。
Lazyload
画像の遅延ロードを行うためのJavaScriptライブラリ。
Lazy Loadライブラリを使うと、煩雑な遅延ロード処理を簡単に実現できます。
対策
「使用しない」にチェックを入れ、設定を保存したところ見事解決です。
やれやれでした。
おわりに
2週間程度試行錯誤して、やっと解決出来ました。
諦めかけていましたが、考えていけば解決できるものですね。
コメント