CocoonでPCの動画が再生されるのにスマホでは再生されない原因

今、Cocoon(コクーン)を使っており、なぜかPCの動画が再生できるのにスマホでは再生されないと悩んでいるかと思います。

私も同様にPCでは再生できるのになぜかスマホで再生されなく困っていましたが、なんとか改善することができました。

今回、PCでもスマホでも動画を再生で再生させる方法について説明します。

CocoonでPCの動画が再生されるのにスマホでは再生されない原因

CocoonでPCの動画が再生されるのにスマホでは再生されない原因は下記のプラグインAsync JavaScript が原因でした。

このAsync JavaScriptを無効化することでスマホでも再生させることができました。

私はサイトの表示スピードを上げるためにこの Async JavaScript を入れていたのですがそれが逆効果になってしまったようです。

Async JavaScript の設定の仕方によってはスマホも再生させることが可能であると思うのですが、リスクの方が大きいと判断し今回削除することにしました。

スマホで再生されない原因究明の戦い

PCで再生できるのにスマホで再生できない理由を見つけるため、まずはCocoonのサイトで情報を見てみました。

同じ問題をサイトに投稿している人がおり改善できたようなのですが方法がよく分からず、有力な情報を見つけることができませんでした。

ただ、プラグインに関係していそうだったのでまずはプラグインを一つずつ外して検証することにしました。

その結果、Async JavaScriptを無効化することでスマホでの動画再生ができることが分かったのです。

まとめ

私は、最終的にサイトへの与える影響が大きいと判断し、Async JavaScriptを削除しました。

このプラグインの設定が難しすぎるためです。

やはりやたらとプラグインを入れるのはよくないと思い、これからは注意しようと思います。

タイトルとURLをコピーしました