MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


【momo様】埋め込み動画の黒い帯について

先日は質問のご回答をいただきありがとうございました。
丁寧な説明でとても助かりました。

今回は内容が異なる質問になるのですが、
記事のHTMLから埋め込み動画を貼り付けたところ、スマホの上下に黒い帯のようなものが出てきます。
パソコンに黒い帯が出ないようにしたいのですが、どうすればよいでしょうか。

調べてみると、レスポンシブ対応という方法が該当すると思ってやってみたのですが、なかなか上手くいきません。

具体的にどういった方法を取るのが望ましいでしょうか?


>momo様
ご相談ありがとうございます。

こちらですね。参考にして頂けたようで何よりです。
【momo様】WordPressにHTMLやCSSのコードを追加する方法

ちょっと画像などが頂けるともう少し分かりやすいのですが・・・
もしプレイヤー内の領域のことであれば画像の比率とサイト幅との兼ね合いによって左右や上下に黒枠がでることはありますね。

僕自身はあまりYoutubeをサイト内にはりませんが、たしかYoutube動画をレスポンシブに対応させるノウハウはあるはずですね。

「CSS YouTube レスポンシブ」などで検索すればサイト・端末幅に合わせて動画を表示させる方法を調べることができるでしょう。

これには動画の方の比率も関係してくるので注意しましょう。
参考にして頂ければ幸いです。

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA