concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月9日 at 20:35

お世話様です。

スタックの中に画像ブロックを設置し、そのなかにgifアニメ(4.15MB)を設置したのですが、

スタック完成後は、gifアニメが動作していますが、

ページにスタックを設置すると、GIF静止画になってしまいます。

ページに直接、画像ブロックを置いてそのなかにGIFアニメを設置してもGIF静止画のままです。

仕方が無いので、youtube動画(自動再生&ループ再生)でとりあえず逃れていますが、

なにか手ごろな解決策があったら教えて戴きたいと思います。

concrete5サイトの、gif画像格納URLを直接ブラウザで操作するとGIFアニメを見ることもできますし、WordPressサイトでは、特に何も指定しないでも見ることができるので、

concrete5サイトのGIFアニメ再生についてヒントを戴ければと思います。

よろしくお願いいたします。

タグ:

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 12:28
画像ブロックで設置する際、縦横の画像サイズを指定していませんか?
リサイズしてしまうとアニメーションが消えてしまいますので、
リサイズせず元画像をそのまま表示すると良いと思います。
 

Re: Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 12:39
菱川さん

ありがとうございます。

ご指摘の「リサイズ」など、一切していないのですが?
 

Re: Re: Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 13:01
concrete5サイトでは、ピクセル制限があるようです。

1280*720だと静止画になってしまいます。

テストサイトで、試しに
760*432のGIFアニメを画像ブロックにセットしたらGIFアニメが動きました。

WordPressサイトでは、1920*1080でも問題なくGIFアニメが動きますし、

concrete5でも、スタックの中に1920*1080pixのGIFアニメをセットしても
スタック単体では、1920*1080でも問題なくGIFアニメが動きます。


この状態のスタックを、ページにセットするとGIF静止画になってしまいます。
何か制限がかかっているとしか思えないんですが?

せめてpix制限を知りたいです。
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 13:49
制限をかけているかどうかは、管理画面の画像オプションのページでご確認ください。
なお、デフォルト値は空(特に制限しない)です。
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 14:50
Localテストサイトに様々なサイズのGIFをアップロードし試行錯誤の結果ですが、

横幅1024pixまでなら大丈夫の様です。

16:9なら1024*576まで、

 4:3なら1024*768まで、

これは、あくまでも1カラム(全画面)の場合だけの検証結果ですが。

p.s.
管理画面の画像オプションは特に変更していません。
(デフォルトのままです)
添付: option.PNG
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 15:16
上記の条件で

スタックに入れたGIFアニメを

本サイトのページに展開しても

問題なくGIFアニメが再生される様になりましたことを報告しておきます。

但し
、iPhoneではChromeでのGIFアニメを再生することが出来ず(safariでも)
iPadでは、縦持ちにした時点でアニメが止まり、横に戻すと、また動き出します。

ちなみに、iPhoneでも
GIFファイルを格納したフォルダ毎のURLでブラウザから開くとGIFアニメとして表示されます。



やはりconcrete5では制約がありそうです。

別の問題ですが、
(スタックの中のデザインブロックテンプレートの指定定義で、
スマホの場合はmp4を再生指定(他はグレーアウト)、
パソコンとタブレットはGIFを指定、
スマホの場合はGIFをグレーアウトの指定をしても)

デバイスごとの表示設定そのものが有効になりません。

他のスタックでデバイスごとの表示設定が、有効になっているものがある
(過去に設定したものは現在も有効:いつのバージョンかは失念)ので、
この設定もバージョンのせいなのか、現在は有効になりません。

(WordPressではレスポンシブに反応し自動的に縮小されてGIFアニメが動きます)
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月10日 at 16:39
デザインブロックテンプレート 指定 例 添付
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月13日 at 10:14
結論から!

concrete5サイトでは、ピクセル制限があるようです。

最終的には、スマホ(iPhone8Plusサイズ)まで反映させるとなると

横幅640pix以下(リサイズせず実の画像サイズでです)でないとGIFアニメとして動作しません。
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月21日 at 16:38
先週の週刊concrete5で取り上げました。
http://www.youtube.com/watch?v=7zqXu5i6LJk
15:31あたりです。
参考にしてみてください。
 

Re: concrete5 v8.5.4サイトでGIFアニメ再生について教えてください。

2021年1月22日 at 9:44
aniya さん

取り上げて戴きありがとうございます。

GIFアニメ(3.1MB)の方は、別の質問で上げた「HeaderSiteTitleの枠線の残りに下の白線問題」が解決できれば、

PageSpeed Insightsの「アニメーション コンテンツでの動画フォーマットの使用」で、改善点にも上げられていますので、GIFアニメの方は、削除する予定です。


(代替は、短いmp4をYoutubeに上げて利用も考えています)

ありがとうございます。