iPhoneでは、サイズが不釣り合いに大きく表示されてしまいます。
それ用に表示させるには、どのようにすれば良いのでしょうか。
http://tsurumaki-office.com/2014/10/20/owarino_kisetsu/
埋め込みコードの大きさをhtmlやcssで設定していく方法が一般的なようです。
<div class="v-wrap al-c m30-b">動画の埋め込みコード</div>というコードで、動画の埋め込みコードを挟みます。
・・・
※Wordpressでブログを構築されている場合、プラグインに『wp touch』を入れている場合、上手く表示されない場合があります。
YOUTUBE動画を埋め込む方法とスマホ動画サイズを最適化する方法 | メルマガアフィリエイトとDRMを武器に稼ぐ永田武(たけやん)のブログ
貼り付けたいコードを
<div class="video-container"></div>で囲みます。CSSに以下のように記述します。
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
YouTube動画をページサイズに合わせて自動調整して埋め込むには | どらまちっくー…ばーすとぉ!
↑
この記事によると、YouTube埋め込みのiframeタグに
style="max-width:100%;"
というスタイルを追加してやればいいっぽいです。
やり方は他にもたくさんググったら出てきます。
「bizvektor youtube 貼り付け」
などでググったらいいのではないでしょうか。
1)埋め込みタグにスタイルを追加する方法、
2)HTMLとCSSで設定する方法、
3)レスポンシブ対応のタグに変換されるサービスを利用する方法、
すべて試させていただきました。
結果は、こんな感じでした。
2)と3)は、うまく出来ました。
1)はiPhoneのフレームに収まるものの、
You Tubeのサムネイルの表示は
(半分くらいに)途切れてしまう。
にしだ さんの「bizvektor youtube 貼り付け」でググるという方法、
これ、思いつきませんでした。参考になりました!