- このトピックには3件の返信、3人の参加者があり、最後に
により3年、 5ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】
Chrome
【当該サイトのURL】### 実現したいこと
トップ画面で動画をPC、スマホ友共に見やすい状態で表示させたい。### 発生している問題
セクション(背景画像/動画)で動画を設定して実現を試みた。
PC表示ではうまくいったがスマホ表示では拡大された動画が表示されてしまい動画の左右がカットされてしまっている。
スマホでも左右がカットされることなく動画を表示させたいです。
解決方法がありましたら教えてください。### 試したこと
同じ動画をスマホ表示の動画にアップロードするも解決ならず。
ブロックエディターの動画を選択するとPC、スマホでそれぞれ理想のサイズになるが、
１.再生開始まで時間がかかる、
2.動画が全幅にできない
などの問題がありセクション(背景画像/動画)での表示が理想に近いと思い使用しています。いいねをした人: 居ませんSnow Monkeyの【セクション（背景画像 / 動画）】→「スマートフォン用の背景動画」は、たぶん、375pxのとき高さ500px（程度）になるように
min-height: 75vhと指定されているようですね。動画を通じてメッセージをしっかり伝えたい、ということであれば、PC用の横長のものではなく、スマートフォン用に縦長の動画を別につくられたほうがいいかもしれません。
また、動画をダウンロードしてみたところ、ファイルサイズが80MBを超えているようです。
表示速度が著しく低下してしまうため、目安としては、10MB以下にするのが最適と言われています。
私も動画を使ったことがありますが、概ね5〜6MBです。いいねをした人:
セクション(背景画像/動画)ブロックの画像・動画は基本的に内容全体をカバーするように伸縮・トリミングされて表示されます。これは画像や動画をコンテンツではなくあくまで背景として使用するブロックであるためです。なるべく全部を表示させたいということであれあば、GONSY さんが書かれているようにスマートフォン用に縦長の動画を別につくるのが良さそうです。
いいねをした人:
- トピック「セクション(背景画像/動画)で動画を設定した際スマホ表示だと拡大された動画が再生されることを修正したい。」には新しい返信をつけることはできません。