1番簡単なスマホで動画(youtube)がはみだすのを回避する方法

Wordpress

Youtubeのスマホ(iphoneやandroid)やレスポンシブデザインの対応です。

divじゃなくiframe

<div class="video-container">
<iframe width="550" height="400" src="#" frameborder="0"></iframe>
</div>

なんて、紹介しているサイトがなぜか多いけど、divなしで

/* 動画のはみ出し回避 */
iframe {
  max-width: 100%;
}

でいいんじゃないでしょうか。

youtubeのタグにあるiframeに直接幅マックスを指定するわけですね。
もちろん、iframeを他で使う場合、ちょっと検討が必要ですけどね。個人的には問題なしです。
divをかます理由がいまいち…わからず。

Advanced Responsive Video Embedderというプラグインで回避する必要もないんじゃないかと。
WordPress › Advanced Responsive Video Embedder « WordPress Plugins

スポンサーリンク

電子書籍のおすすめ比較

直接アドレスを貼り付けることにより簡単に!

そして、Wordpressならyoutubeのアドセスそのまま貼り付けるだけで動画を公開できます
(注意事項としてはpタグなどで囲ってはいけません。それだとアドレスの文字列が表示されてしまいます)

何度もやる行動は、時間がもったないため、できるだけ簡単な方法を最初に探しましょう。

人気記事  【無料あり】おすすめで安いオンラインプログラミングスクール比較
  1. プログラミングスクールは格安に!cssやphpも楽勝に!
  2. 電子書籍並みの価格で買える格安のプログラム動画学習サイトも一緒に紹介!初心者から上級者向け英語コンテンツまであり。ソースコードは言語関係なしに世界共通!
スポンサーリンク
Wordpress
neruをフォローする
スポンサーリンク
ebookbrain

コメント

タイトルとURLをコピーしました