こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

回答受付中の質問

youtube動画を埋め込んだら、とても小さい表示

ブログにyoutube動画を埋め込みました。
動画の共有にあるコードを、WPの投稿画面に貼り付けました。

<iframe width="560" height="315"
となっているのに、PC・スマホ共に、
それよりも遥かに小さい表示になります。

小さい表示でなく、PC・スマホで端まで合った形にするには、
どのような設定をすればできるでしょうか?

よろしくお願いいたします。

投稿日時 - 2019-08-13 00:29:28

QNo.9645166

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

別途に再質問を行ってくださり恐縮ですが…既に述べました通り、単一のタグだけを抜き出して質問文に記述されても前後関係や親子入れ子関係の階層などが全く判別出来ないので、自分を含めて誰も何もアドバイス出来ないと思います。

プログラムやHTML、webデザイン等の質問は基本的に問題が発生している部分のみだけでは無く、それを含めたwebページ全体とそれらに関連してるJSやCSSファイルの全てを一律に過不足無く見れる状態にして貰わないと、効果的なアドバイスや回答はほとんど出来ません。

投稿日時 - 2019-08-14 08:59:03

ANo.1

恐らくWP側で適用しているテーマ内CSSに iframe か、或いは埋め込み動画用のスタイルが指定してあり、そちらの設定値の方が優先的に適用されているせいではないかと思います。

最近のWP用テーマはレスポンシブデザイン(フレキシブルレイアウト)になっている事が多く、その様なテーマは個別ページのHTMLタグだけを見ても、それらが内部でどの様な親子関係に属して他のどの部分からデザインの影響を受けているかが、一見しただけは皆目見当も付かないくらい複雑に絡まっているのでアドバイスは難しいですね。

とりあえず Chrome や FireFox の「デバッグモード」の使い方が最低限、分かってないと自力での修正や改造は難しいと思います。

P.S.
テーマによってはテーマ自体の設定項目を持っている場合があり、その中で埋め込みコンテンツの表示サイズ等を調整出来る場合もあります。

投稿日時 - 2019-08-13 17:25:40

お礼

回答ありがとうございます。

一般記事にyoutube動画を貼ると、普通に表示されました。
小さく表示されてしまうのは、ウィジェットでした。

https://okwave.jp/qa/q9645335.html
こちらで、改めて質問をさせていただきました。
よろしくお願いいたします。

投稿日時 - 2019-08-13 18:25:46

あなたにオススメの質問