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

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

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

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

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

この記事の執筆者:ユウ

IT企業に20年以上勤務。行ってきた仕事で奨励賞やGrand Awardを受賞。博士号取得。現在、マネージャーとして勤務し、外国企業とのやり取りを英語で行いながら開発を進めている。個人のサイト運営も20年ほど行っており、年に約100万円程度の収益のあるサイトに育てる。現在、クラウドシステムはアマゾンAWSを使用しており、AWSや役に立つサイト運営情報も発信中。AWSに関する情報発信ではグーグルトップページで表示。

副業
ユウカレッジ
タイトルとURLをコピーしました