フォーラムへの返信
-
なるほどです。CSS で調整する形になります。実際の画面をみてみないとどのような CSS を書けばちゃんと適用されるのが提示するのが難しいですが、基本的には
margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw);という CSS で横に引き伸ばすのが一般的なやり方かなと思います。
Who liked:オンラインコミュニティで @まーちゅう さんより指摘があったので追記します。
.wp-block-snow-monkey-blocks-section-with-bgimage { height: 100vh; }だと、スマホ等の画面サイズが狭くなった時に表示がおかしくなります。
.wp-block-snow-monkey-blocks-section-with-bgimage { min-height: 100vh; }Who liked:@GONSY さん
あまりの画像のクオリティに感動しました！w@damaya11 さん
設定が存在するわけではないので CSS でカスタマイズする必要があり、GONSY さんが書かれているように互換性の問題が発生する可能性はあります。
一応現状ではこれでそれっぽくなると思います。/* 横いっぱいに広げる */ .l-2row-header .p-global-nav, .p-header-sub-nav { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } /* 中身をコンテナー幅に収める */ .l-2row-header .p-global-nav > *, .p-header-sub-nav > * { margin: 0 auto; max-width: 1280px; padding-right: 1.8rem; padding-left: 1.8rem; } /* 背景色をつける */ .p-header-sub-nav { background: blue; } .l-2row-header .p-global-nav { background: red; }Who liked:キャッシュのクリアなどをしても、Safariで閲覧している5人中3人は途中でビデオが停止してしまうとご報告いただきました。
「停止」というのは、ローディング中になるということですかね？ 待っていればまた再生が開始されるのであれば、やはり回線や動画の容量の可能性が高いと思います。キャッシュのクリアもしたとのことですが、まれに履歴だけ消してキャッシュをクリアせずに確認される方もいらっしゃいますので、シークレットウィンドウで確認してもらうのが確実だと思います。
YouTubeなどにアップし、そちらを埋め込むと表示速度が良くはなるかと思いますが、YouTube特有の左右上下にあるマークや表示などは残りますでしょうか。
パラメーターで消せる部分もありますが、ホバーしたりすると表示されたと思うので、完全に消したいのであればやはり自サーバーに置くしかないと思います。
ちなみにレクサスのサイトの動画を僕も確認してみたのですが、
拡張子が webm でサイズが 305B となっていたので、これはストリーミング再生されているということなんですかねー（動画まわりは全然詳しくなく…）。もしそうだったとしたら安定的に再生されるのはそういう方法を使っているからというのはあるかもしれませんね。
Who liked: No user
