記事本文中のYouTube動画が、スマホから見ると画面からはみ出してしまって画面におさまりません。
YouTubeから発行された共有用のHTMLコードが、
動画のサイズを固定してしまっている状態ですと、
スマートフォンなどの小さい画面でも、
PCと同様の画面サイズが表示されてしまうようです。
上記につきましては、横幅(width)を%で指定することで、
画面にあったサイズで表示することができます。
YouTubeのタグを<pcc>〜</pcc>というタグで囲み
下記のように記述してみてください。
<pcc>
<iframe width="480" height="360" src="//www.youtube.com/embed/○○○" frameborder="0" allowfullscreen></iframe>
</pcc>
更にその下に、 スマートフォンの画面サイズに合うように
横幅(width)を調整したうえで、
<ipc>〜</ipc>というタグを使い、
<ipc>
<iframe width="300" height="168" src="//www.youtube.com/embed/○○○" frameborder="0" allowfullscreen></iframe>
</ipc>
と記述する事で、ご希望通りの表示になるかと思います。
※「width="300" height="168"」の部分は、お好みのサイズに変更してください。
同一ジャンルの質問
- 携帯サイト同時生成機能を使用するには、どのような設定を行えば良いですか？
- モバイルアドセンスが表示されません
- 携帯サイトの設定で、テンプレートを選択する事が出来ません
- 自動振り分け機能が有効になりません
- 「同一URLで自動振り分けする」設定にしていると、携帯サイトの拡張子がHTMLになってしまいます。この状態でモバイルアドセンス等は使用できますか？
- iPhoneサイトだけに表示させたいコンテンツがある場合はどうすれば良いですか？
- iPhoneサイトで特定の画像だけ中央揃えにしたくない場合は？
- 「同一URLで自動振り分け」にしている場合、携帯サイトやiPhoneサイトにはどのようにリンクを張れば良いですか？
- 同時生成した携帯サイトに、全ての記事が表示されません。
- 一度同時生成しアップロードした携帯(iPhone)サイトを、元の状態に戻すにはどうすれば良いですか？
- iphoneサイト設定の同時生成にチェックして、無料サーバーにアップロードしてもエラーでサイトを確認することができません。
- 検索エンジンの検索結果に表示されたiPhone(スマホ)サイトのエントリーページをクリックしても、トップページが表示されてしまう。
- 携帯やスマホで広告バナーやアドセンスを表示させるには、どうすればよいですか？
- 携帯サイトのアドセンスが文字化けして表示されています。
- Googleウェブマスターツールで、携帯用サイトが「ＨＴＭＬの改善」の「重複するメタデータ」として多くのページが認識されてしまいます。
- iPhoneでは第１階層までしか表示がされませんが、第２階層まで表示する方法はありますか？
- iPhoneサイトでエントリーページごとにフリースペース表示を設定することは可能ですか？
- iPhone画面のヘッダーにサイト名やサイトの説明が入りません。
- iPhoneサイトの画像が勝手に中央にきて、改行されてしまいます。
- スマホサイトを別URLで振り分けた場合、重複コンテンツとみなされないのか？
- レスポンシブテンプレートのiPhoneサイトの改行の最適化はどのように設定すればいいでしょうか？
- 特定のエントリーページだけフリースペースを非表示にしようとして詳細設定で「全て非表示」にしても、PCでは非表示なのにスマホでは表示されてしまう。
- iPhoneサイトのトップメニューが表示されません。
- PCでは表示できるのにiPhoneサイトで表示されないページが一部あります。
- スマホで画像を画面いっぱいに表示させる方法を教えてください。
- PCだと画像が横並びで綺麗に表示されますが、スマホでみるとタテ並びで表示されます。画像を２列に並べることはできますか？
- iPhoneサイト同時生成していたサイトをPCサイトのみに変えようと思い、サーバー側のiPhoneフォルダを削除した後、サイト確認すると真っ白になってしまいます。
- スマホサイトでテーブルの列幅のバランスが悪く、きれいに表示されません。
- PCサイトやプレビュー画面では表示される画像がスマホから閲覧したときに表示されません。
- 「モバイルユーザビリティ上の問題が検出されました」という警告メールが来るようになってしまった
- SIRIUS Ver1.230にアップデートしたのですが、どんな対応をすれば良いのですか？
- スマホサイトの本文文字サイズを変更するにはどうすればいいですか？
- スマホサイトでh1テキストを非表示にするにはどうすればいいですか？
- h2タイトルがスマホ画面外へはみ出し、画面が左右にぶれてしまいます。
- スマートフォンでサイトを確認した所、スマホ用のサイトになっていません。
- ファビコンがスマホサイトで反映されません。
- FC2無料サーバーでスマホサイトが表示されなくなりました。
- スマホサイトのヘッダーテキストにサイト名が重なってしまいます。
- スマホサイトで確認すると、埋め込んだGoogleマップやyoutubeが画面からはみ出します。
- スマホサイトで吹き出しが縦長に表示されてしまいます。
- スマホサイトで文章が改行されません。
