Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
youtubeを埋め込むと動画上部に大...
 
通知
すべてクリア

youtubeを埋め込むと動画上部に大きな余白が出来てしまう

4 投稿
3 ユーザー
0 Likes
81 表示
ringosappo@gmail.com
(@ringosappogmail-com)
投稿: 2
メンバー
Topic starter
 

お世話になっております。

投稿ページでステップブロックの後ろにyoutubeを埋め込みました。

自分のノートPCでの表示やデベロッパーモードのレスポンシブで確認すると

余白はないのですが自分のスマホや他の人のPCで見ると

動画の前に大きな余白が入ってしまっています。

どうしたら余白をなくせるでしょうか。

問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.13.0
利用中のPHPバージョン
8.1.28
利用中のWordPressバージョン
6.7.1
利用中のサーバー会社
zenlogic
利用中のプラグイン一覧

Advanced Google reCAPTCHA (v.1.25)
BackWPup (v.4.1.7)
Contact Form 7 (v.6.0.1)
PDF Embedder (v.4.8.2)
Really Simple Security (v.9.1.3)
SEO SIMPLE PACK (v.3.6.1)
SiteGuard WP Plugin (v.1.7.8)
Site Kit by Google (v.1.140.0)
Wordfence Security (v.8.0.1)
WordPress Ping Optimizer (v.2.35.1.3.0)
WP Multibyte Patch (v.2.9)
WP Rocket (v.3.17.3.1)
XML Sitemap & Google News (v.5.4.9)
zipaddr-jp (v.1.38)

This topic was modified 5日前 by ringosappo@gmail.com
 
投稿済 : 29/11/2024 4:00 pm
ぴよ
(@piyopiyo)
投稿: 20
メンバー
 

 

image2

F12キーで簡単にソース見てみましたが
このカラム部品を使ってレイアウト作っているとしたらレイヤーが崩れているんじゃないかと思いました。

もしこのカラム部品を使っていないのだとしたら、これを使ってみるとうまくいくかもしれません。

 
投稿済 : 30/11/2024 12:43 am
ringosappo@gmail.com
(@ringosappogmail-com)
投稿: 2
メンバー
Topic starter
 

ぴよ様

こんばんは、お返事ありがとうございます。

カラム部品は利用していないので、明日使用して試してみます!

 
投稿済 : 30/11/2024 12:53 am
サブロ
(@windorz)
投稿: 153
メンバー
 

WP Rocketの影響かもしれないので、一度OFFにしてみたらいかがでしょうか?

https://docs.wp-rocket.me/article/1515-empty-space-added-when-replace-youtube-iframe-with-preview-image-feature-is-enabled

This post was modified 4日前 by サブロ
 
投稿済 : 30/11/2024 4:23 pm
共有: