WordPressでGIF動画が動かない時の対処法

WordPressテーマ
スポンサーリンク

WordPressでGIF動画が動かなくなってしまった

私は普段GIF動画を記事に投稿する時、ファイルをそのままドラッグしていました。

普段は問題なくGIF動画が動いていましたが、今回なぜか動画にならない…!

対処法① GIF動画がアップロードされているか確認する

まず、GIF動画がきちんとアップロードされているのか確認してみました。

 

画像のURL
https://tedaeri.com/wp-content/uploads/2019/02/EaseUS-MobiMover-Free-1.gif

てだえり
きちんと動いているようです。

対処法② ソースを確認してみる

<img class=”aligncenter size-large wp-image-4957″ src=”https://tedaeri.com/wp-content/uploads/2019/02/EaseUS-MobiMover-Free-1-680×476.gif” alt=”” width=”680″ height=”476″ />

以前に上げて正常に動いたGIF動画のソースと比較したところ、赤文字の部分が変更されていました。

原因|勝手に大きさがリサイズされていた

ソースを確認した結果から、どうやら「EaseUS-MobiMover-Free-1-680×476.gif」と、大きさがリサイズされていたことが原因のようです。

前に画像を横幅680pxで作成したことで、それが勝手に反映されたことが原因かと思います。

画像の場合はリサイズされても問題ありませんが、GIF動画を画像と同じ要領でリサイズすると動画にならなくなってしまいます。

対処法|リサイズ部分のソースを削除する

「EaseUS-MobiMover-Free-1-680×476.gif」

この「-680×476」を削除します。

<img class=”aligncenter size-large wp-image-4957″ src=”https://tedaeri.com/wp-content/uploads/2019/02/EaseUS-MobiMover-Free-1.gif” alt=”” width=”680″ height=”476″ />
てだえり
これで無事に動きました。

コメント