- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
お世話になっております。
メインビジュアル(SP)にて動画を使用していますが、添付の動画のように「メインビジュアルの高さ設定」で指定したサイズで表示される
前に一瞬小さいサイズの動画のようなものが表示され、ちらつきのように見えてしまいます。
(PCではこういった現象はなく、SPでのみ起こっています)
こちらの動画は「メインビジュアルの高さ設定」を「ウィンドウサイズにフィットさ
せる」にしておりますが、「数値で指定する」「画像・動画サイズのまま」にしても同じ現象が起きています。
※ポスター画像の設定あり/設定なしも影響がありませんでした。
同様の設定で作成したサイトが全て同症状が起きており、以前はなかった現象に思いますので、
不具合かもしれないと思い報告させていただきました。
(仕様でしたら申し訳ありません)
なし(全停止状態)
見かけたことのない不具合ですねー🤔
プラグインは本当に全て停止していますか?
また、URLを教えていただけないと現象の確認と状況確認ができないため、問題の把握が難しいです。
SWELL開発者です。
返信ありがとうございます。
クライアント様のサイトでしたので、新しくサンプルサイトを用意しましたが同様の症状が出ています。
https://chicoblog.tokyo/demotest/
こちらでご確認いただけますでしょうか。
(何回かブラウザ更新しないと起こらないことがありました)
既存のプラグインは停止してテストしていましたが、こちらのサイトはプラグイン自体を削除しております。
WPは6.0.1、テーマは2.6.6.1、現象が確認できたのはiPhoneとiPadです。
Android で確認してみましたが、何度更新しても特にチラツキなどの問題はありませんね。参考まで。
Android 9 (53.0.C.1.479) で Chrome (103.0.5060.129) で確認。
スマホ用の動画もサイズが大きいので縦長にリフレームしてビットレートを落としてみたら改善したりしないでしょうか?
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
返信ありがとうございます。
サンプルサイトでは「以前問題なかった設定」を再現したため、SPでも大きな動画を使用したのですが、SP用の動画サイズにしたものを使用しても、多少ちらつきが抑えられるだけで改善はしませんでした。
例えば冒頭に文字やロゴが入っているような動画ですと文字が拡大するように見えてしまい、かなり違和感があります。
現象が起こるのはiOSのみのようで、私の方でもAndroidでは確認できませんでした。
iOSでは、safari、Chromeなどブラウザ関わらず出現するようでした。
ご確認ありがとうございます。
やはり iOS や iPadOS の不具合か、もしくはスペック (CPU、メモリ、ネットワーク) 不足によるデコード処理落ちが考えられそうです。
動画はコーデックの種類や設定が非常に豊富ですので、コーデックを変更することも検討してみて下さい。
H.264 は、ファイルサイズが小さくなりますが、再生時の負荷がやや高いので MEPG-4 などにしてみたり、インターレースでなくプログレッシブにしてみて下さい。
細かな内容は調べていただいた方が良いと思います。
※ OS のバグの場合は、どうしようもないですが。改善されればラッキーくらいの感じです。
どんな設定か不明であれば、以下のようなソフトで確認可能です。
https://forest.watch.impress.co.jp/library/software/shinkuuslite/
本題とは少しそれますが、WebM が使用可能な時に WebM が使えるようメインビジュアルの設定があると便利ですね。ものすごく軽くなります。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
@es ご確認ありがとうございます。ひとまず別動画へ差し替えしてみましたが同じようです・・・。
(ファイル形式などは山本さんのアドバイスでmp4にしています)
動画自体は素材サイトから持ってきたものなのと、他のサイトの動画でも同様の現象が起こっているので動画そのものは関係ないかもです。
CHILCHIL さん
ご確認ありがとうございます。了解しました。うーん、不思議ですねぇ。
今から打ち合わせが続くため少し後になってしまいますが、のちほど当方の環境でもテストしてみようと思います。
それまでに他の方からのアプローチで解決するかも…ですが、ひとまずそういうことで失礼いたします。
今スマホで改めて確認したところ、花の映像に変わってますね。先ほどはキャッシュのせいなのか、山の映像のままでした。
花の映像の方だと、了さんが書かれているように私の環境(iOS15.5)でも問題なく再生されています。
また動画自体にも問題がないように見えています。
もし何度もリロードを繰り返した際に、画面両端が若干にじむように見えることを指しているなら、これは画面サイズにフィットするまでのラグではないかなと。
なお、その現象であればAndroidでも確認できます。
いずれにしても結論としては、SWELL固有の問題ではない、ということになりそうですね。