トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
初めて質問致します。
記事内にYoutubeのURLを入れると、自動的にYoutubeが埋め込まれる仕様になっていると思います。
その際に、PCで確認するとYoutube動画が、記事幅の
サイズより小さく表示されてしまいます。
またスマホ（iPhone / Safari）では、横が切れてしまい正方形に表示されてしまいます。
こちら、横幅を合わせて縦はなりゆきにする事をデフォルトにする事は可能でしょうか？
PCとスマホでのスクショを添付いたします。
御存じの方がいらっしゃいましたら、教えていただけますと幸いです。
よろしくお願いいたします。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.5.1
利用中のPHPバージョン
7.4.33
OS
Windows、iOS
利用中のWordPressバージョン
6.2.2
利用中のサーバー会社
Xサーバー
ブラウザ
Chrome、Safari
利用中のプラグイン一覧
Classic Editor
Contact Form 7
Contact Form 7 Multi-Step Forms
Customizer Export/Import
EWWW Image Optimizer
Image optimization service by Optimole
LightStart - Maintenance Mode, Coming Soon and Landing Page Builder
Public Post Preview
Quick Featured Images
SEO SIMPLE PACK
VK Filter Search Pro
XML Sitemap & Google News
投稿済 : 06/06/2023 11:06 pm
私もスマホでの表示を変えたくて、いろいろ調べていたんですが、こちらのサイトが役に立ちました。
https://web-dev.tech/front-end/css/embed-youtube-iframe-with-proportion/?utm_source=pocket_saves
YouTubeを埋め込むたびにひと手間かかってしまいますが、
これで思い通りの表示になると思います。
投稿済 : 09/06/2023 10:08 pm
Topic starter
ありがとうございます。
やはり、YoutubeのURLを入れるだけで、横幅を最大に合わせる方法があると良かったのですが、なかなか難しそうですね。
This post was modified 10か月前 by simsum
投稿済 : 19/06/2023 1:47 pm
SWELL非推奨の環境ですので、Classic EditorをやめてYouTubeのURLをそのまま埋め込めば下記クラスによって100%表示されます。
wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
投稿済 : 19/06/2023 6:41 pm
Topic starter
@skillsharejp ありがとうございます。
Classic Editorをやめると解決する事を、初めて知りました。
大変助かります！！
投稿済 : 12/07/2023 7:07 pm